zotero/scss/components/_tabBar.scss

55 lines
794 B
SCSS
Raw Normal View History

2020-09-15 07:30:17 +00:00
#tab-bar-container {
min-height: 30px;
}
.tabs {
display: flex;
}
2020-09-21 09:50:00 +00:00
.tabs-holder {
display: flex;
}
2020-09-15 07:30:17 +00:00
.tab {
2020-09-18 06:45:41 +00:00
-moz-appearance: none;
2020-09-15 07:30:17 +00:00
width: 200px;
height: 30px;
line-height: 30px;
display: flex;
justify-content: center;
align-content: center;
position: relative;
background: #f9f9f9;
2020-09-18 06:45:41 +00:00
border-top: 2px solid transparent;
2020-09-15 07:30:17 +00:00
color: #000;
2020-09-21 09:50:00 +00:00
&:not(:last-child) {
border-right: $tab-border;
}
2020-09-18 06:45:41 +00:00
&.selected {
border-top: 2px solid $tab-background-color-selected;
2020-09-18 06:45:41 +00:00
}
2020-09-15 07:30:17 +00:00
.tab-name {
2020-09-18 06:45:41 +00:00
margin-top: -2px;
2020-09-15 07:30:17 +00:00
line-height: 30px;
}
.tab-close {
position: absolute;
left: 6px;
top: 7px;
width: 16px;
height: 16px;
text-align: center;
line-height: 16px;
2020-09-18 06:45:41 +00:00
font-size: 14px;
margin-top: -2px;
2020-09-15 07:30:17 +00:00
display: none;
}
&:hover:not(:first-child) .tab-close {
display: block;
}
}