Update CSS to use flexbox for branch and tag labels
This commit is contained in:
parent
a438231616
commit
719cdd3a9d
1 changed files with 8 additions and 8 deletions
|
@ -66,30 +66,30 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.limit-box {
|
.limit-box {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 1px;
|
||||||
background: $blue-100;
|
background: $blue-100;
|
||||||
border-radius: $border-radius-default;
|
border-radius: $border-radius-default;
|
||||||
display: inline-block;
|
|
||||||
padding: 1px 2px 0.5px;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: bottom;
|
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: $blue-200;
|
background: $blue-200;
|
||||||
}
|
}
|
||||||
|
|
||||||
.limit-icon {
|
.limit-icon {
|
||||||
float: left;
|
|
||||||
width: 15%;
|
width: 15%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.limit-message {
|
.limit-message {
|
||||||
|
flex: 1;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 2px;
|
||||||
background: $white-light;
|
background: $white-light;
|
||||||
border-radius: 0 3px 3px 0;
|
border-top-right-radius: $border-radius-default;
|
||||||
|
border-bottom-right-radius: $border-radius-default;
|
||||||
font-family: $regular_font;
|
font-family: $regular_font;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
float: right;
|
|
||||||
margin-top: 1px;
|
|
||||||
width: 85%;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue