Creates button divider using CSS style. It replaces image file.
Change-Id: Idd88440b67ad5e50abf1a751b6299be17ec95a20
for ( idx = 0; idx < btnLength; idx++ ) {
if ( footerBtn.eq( idx ).hasClass( "ui-btn-back" ) ) {
- return true;
+ continue;
}
if ( footerBtn.eq( idx ).is( ":jqmData(icon='naviframe-more')" ) ){
- return true;
+ continue;
}
footerBtn.eq( idx )
.addClass( "ui-footer-btn-border" )
.css( "left", realBtnIndex * btnWidth + moreWidth );
realBtnIndex++;
}
+ $elFooter.find( ".ui-footer-btn-border" ).eq( 0 ).removeClass( "ui-footer-btn-border" );
},
_setHWKeyLayout : function ( thisPage ) {
font-size : 20 * @unit_base;
font-weight : bold;
color : @color_bar_toolbar_button_text;
+ background-image : none;
border-width : 0px;
+
+ >.ui-btn-inner {
+ padding-top : 0px;
+ padding-bottom : 0px;
+ }
}
[data-role="controlgroup"] {
}
> [data-role="button"]:not([data-icon="naviframe-more"]) {
- top : 0 * @unit_base;
+ top : 0px;
+ padding : 12 * @unit_base 0px;
}
> p {
}
}
- >.ui-btn.ui-btn-up-s.ui-btn-box-s,
- >.ui-btn.ui-btn-hover-s.ui-btn-box-s {
- &:not([data-icon="naviframe-more"]) {
- background-color : @color_bar_toolbar_bg !important;
- }
- }
>.ui-btn.ui-btn-down-s.ui-btn-box-s {
&:not([data-icon="naviframe-more"]) {
background-color : @color_bar_navbar_press !important;
}
>.ui-footer-btn-border {
- background: url(images/00_toolbar_border.png) no-repeat !important;
- background-size: contain;
+ >.ui-btn-inner {
+ border-left : 2px solid @color_bar_toolbar_divider;
+ }
}
}
> [data-role="button"]:not([data-icon="naviframe-more"]) {
position : absolute;
- top : 3 * @unit_base;
+ top : 0px;
}
}
@color_bar_toolbar_bg : rgba(70, 76, 94, 1); /* B0515L1: Toolbar bg */
@color_bar_toolbar_button_text : rgba(250, 250, 250, 1); /* B052L4 : Toolbar button normal */
@color_bar_toolbar_button_text_press : rgba(250, 250, 250, 1); /* B052L4P : Toolbar button pressed */
+@color_bar_toolbar_divider : rgba(255, 255, 255, 0.2);
@color_bar_navbar_press : rgba(42, 57, 172, 1); /* B0511P : Navigation bar bg press */
/***************************************************************************
@color_bar_toolbar_bg : rgba(222, 220, 213, 1); /* B0515L1: Toolbar bg */
@color_bar_toolbar_button_text : rgba(58, 58, 58, 1); /* B052L4 : Toolbar button normal */
@color_bar_toolbar_button_text_press : rgba(250, 250, 250, 1); /* B052L4P : Toolbar button pressed */
+@color_bar_toolbar_divider : rgba(138, 138, 138, 0.2);
@color_bar_navbar_press : rgba(14, 102, 170, 1); /* B0511P : Navigation bar bg press */
/***************************************************************************