Skip to content

Commit 84a8159

Browse files
committed
better css
with this css there is no need to set the icons in code
1 parent 3917a5f commit 84a8159

File tree

1 file changed

+26
-11
lines changed

1 file changed

+26
-11
lines changed

angular-ui-tab-scroll.css

Lines changed: 26 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@
55
.ui-tabs-scrollable .nav-tabs {
66
white-space: nowrap;
77
overflow: hidden;
8-
height: 42px!important;
9-
border-bottom: 0!important;
8+
height: 42px;
9+
border-bottom: 0;
1010
}
1111

1212
.ui-tabs-scrollable .spacer:not(.hidden-buttons) {
@@ -19,39 +19,44 @@
1919
margin-right: -25px;
2020
}
2121

22+
.ui-tabs-scrollable .tab-content {
23+
margin-top: -1px;
24+
border-top: 1px solid #ddd;
25+
}
26+
2227
.ui-tabs-scrollable .nav > li {
23-
margin-right: -4px;
28+
margin-right: -3px;
2429
float: none;
2530
display: inline-block;
26-
height: 42px!important;
31+
height: 42px;
2732
border-bottom: 1px solid #ddd;
2833
}
2934

3035
.ui-tabs-scrollable .spacer:not(.hidden-buttons) .nav > li:first-child.active a,
3136
.ui-tabs-scrollable .spacer:not(.hidden-buttons) .nav > li:first-child a:hover {
32-
border-top-left-radius: 0!important;
37+
border-top-left-radius: 0;
3338
border-left: 1px solid transparent;
3439
}
3540

3641
.ui-tabs-scrollable .spacer:not(.hidden-buttons) .nav > li:last-child.active a,
3742
.ui-tabs-scrollable .spacer:not(.hidden-buttons) .nav > li:last-child a:hover {
38-
border-top-right-radius: 0!important;
43+
border-top-right-radius: 0;
3944
border-right: 1px solid transparent;
4045
margin-right: -1px;
4146
}
4247

4348
.ui-tabs-scrollable .nav-button {
4449
position: absolute;
4550
width: 25px;
46-
height: 42px!important;
51+
height: 42px;
4752
line-height: 42px;
4853
top: 0;
4954
color: #428bca;
5055
cursor: pointer;
5156
text-align: center;
5257
border: 1px solid #ddd;
53-
border-radius: 0!important;
54-
padding: 0!important;
58+
border-radius: 0;
59+
padding: 0;
5560
background-color: #fff;
5661
z-index: 10;
5762
}
@@ -62,10 +67,20 @@
6267

6368
.ui-tabs-scrollable .left-nav-button {
6469
left: 0;
65-
border-top-left-radius: 4px!important;
70+
border-top-left-radius: 4px;
6671
}
6772

6873
.ui-tabs-scrollable .right-nav-button {
6974
right: 0;
70-
border-top-right-radius: 4px!important;
75+
border-top-right-radius: 4px;
76+
}
77+
78+
.right-nav-button:before{
79+
font-family: 'Glyphicons Halflings';;
80+
content: '\e080';
81+
}
82+
83+
.left-nav-button:before{
84+
font-family: 'Glyphicons Halflings';;
85+
content: '\e079';
7186
}

0 commit comments

Comments
 (0)