tab bars
This commit is contained in:
Родитель
459ce9e603
Коммит
9587716c6c
|
@ -48,6 +48,9 @@ body {
|
|||
border-bottom: 0;
|
||||
box-shadow: inset 0 2px 0 #d2d2d2, 0 -3px 3px rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.bar-tab .tab-item .icon {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.title {
|
||||
position: static;
|
||||
|
|
|
@ -394,7 +394,7 @@ p {
|
|||
display: table-cell;
|
||||
height: 100%;
|
||||
width: 1%;
|
||||
padding-top: 9px;
|
||||
vertical-align: bottom;
|
||||
text-align: center;
|
||||
}
|
||||
.bar-tab .tab-item .tab-label,
|
||||
|
@ -409,7 +409,7 @@ p {
|
|||
.bar-tab .tab-item .icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-top: -2px;
|
||||
margin-top: 0;
|
||||
}
|
||||
.bar-tab .tab-item.active .tab-label,
|
||||
.bar-tab .tab-item.active .icon, .bar-tab .tab-item:active .tab-label,
|
||||
|
|
|
@ -1220,6 +1220,9 @@ hr {
|
|||
border-bottom: 0;
|
||||
box-shadow: inset 0 2px 0 #d2d2d2, 0 -3px 3px rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.platform-android .bar-tab .tab-item .icon {
|
||||
margin-top: 0;
|
||||
}
|
||||
.platform-android .title {
|
||||
position: static;
|
||||
padding-left: 15px;
|
||||
|
|
|
@ -90,7 +90,7 @@
|
|||
display: table-cell;
|
||||
height: 100%;
|
||||
width: 1%;
|
||||
padding-top: 9px;
|
||||
vertical-align: bottom;
|
||||
text-align: center;
|
||||
|
||||
.tab-label,
|
||||
|
@ -108,7 +108,7 @@
|
|||
.icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-top: -2px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
// Active states for the tab bar
|
||||
|
|
|
@ -84,6 +84,10 @@ body {
|
|||
border-top: $border-default;
|
||||
border-bottom: 0;
|
||||
box-shadow: inset 0 2px 0 #d2d2d2, 0 -3px 3px rgba(0,0,0,.07);
|
||||
|
||||
.tab-item .icon {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
// Left aligned text in the .bar-nav
|
||||
.title {
|
||||
|
|
Загрузка…
Ссылка в новой задаче