paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-02 04:53:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor components.css toggle to include more than two tabs.

Browse Source 
This allows for the toggle component to have more than two option tabs.
This commit is contained in:
brockwhittaker
2017-01-30 11:55:01 -08:00
committed by Tim Abbott
parent 2ea6eda785
commit c70de3ca83
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
static/styles/components.css
View File

@@ -146,25 +146,32 @@
.new-style .tab-switcher .ind-tab {
display: inline-block;
width: 90px;
margin: 0px -2px;
margin: 0px -0.5px;
text-align: center;
padding: 3px 10px;
background-color: #fff;
cursor: pointer;
}
.new-style .tab-switcher.large .ind-tab {
width: 130px;
}
.new-style .tab-switcher .ind-tab:not(.selected) {
border: 1px solid #ccc;
}
.new-style .tab-switcher .ind-tab.first {
border-radius: 5px 0px 0px 5px;
border-right: none;
border-right: 1px solid transparent;
}
.new-style .tab-switcher .ind-tab.second {
.new-style .tab-switcher .ind-tab.middle {
border-right: 1px solid transparent;
}
.new-style .tab-switcher .ind-tab.last {
border-radius: 0px 5px 5px 0px;
border-left: none;
}
.new-style .tab-switcher .ind-tab.selected {