Tab bar: Highlight current tab

This commit is contained in:
Dan Stillman 2020-09-18 02:45:41 -04:00
parent 2ca1618627
commit 3bd5a96560

View file

@ -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;
} }