Tab bar: Highlight current tab
This commit is contained in:
parent
2ca1618627
commit
3bd5a96560
1 changed files with 12 additions and 3 deletions
|
@ -7,7 +7,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab {
|
.tab {
|
||||||
-moz-appearance: toolbar;
|
-moz-appearance: none;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
|
@ -16,12 +16,19 @@
|
||||||
align-content: center;
|
align-content: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
background: #f9f9f9;
|
background: #f9f9f9;
|
||||||
border: 1px solid black;
|
border-top: 2px solid transparent;
|
||||||
margin-right: -1px;
|
border-left: 1px solid lightgray;
|
||||||
|
border-right: 1px solid lightgray;
|
||||||
border-bottom: 1px solid transparent;
|
border-bottom: 1px solid transparent;
|
||||||
|
margin-right: -1px;
|
||||||
color: #000;
|
color: #000;
|
||||||
|
|
||||||
|
&.selected {
|
||||||
|
border-top: 2px solid #CC2936;
|
||||||
|
}
|
||||||
|
|
||||||
.tab-name {
|
.tab-name {
|
||||||
|
margin-top: -2px;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -33,6 +40,8 @@
|
||||||
height: 16px;
|
height: 16px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-top: -2px;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue