****************************************************************************
Flora License
-Version 1.0, April, 2013
+Version 1.1, April, 2013
http://floralicense.org/license/
Copyright [yyyy] [name of copyright owner]
- Licensed under the Flora License, Version 1.0 (the "License");
+ Licensed under the Flora License, Version 1.1 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
.ui-demo-namecard-span-x {
color : gray;
font-size : 0.6rem;
+ text-align: center;
width: 5rem;
display: block;
white-space : nowrap;
.ui-demo-namecard-contents span.name {
color : gray;
font-size : 0.6rem;
+ text-align: center;
width: 4rem;
display: inline-block;
white-space : nowrap;
function onSuccessPopupCallback ( ori ) {
if ( ori.status === "PORTRAIT_PRIMARY" || ori.status === "PORTRAIT_SECONDARY" ) {
- $("#textbox_popup_landscape").popup("close");
- $("#go_textbox_popup a").attr("href", "#textbox_popup");
+ if( $( "#textbox_popup_landscape" ).parents( ".ui-popup-container" ).is( ".ui-popup-active" ) ) {
+ $( "#textbox_popup_landscape" ).popup( "close" );
+ }
+ $( "#go_textbox_popup a" ).attr( "href", "#textbox_popup" );
}
else if ( ori.status === "LANDSCAPE_PRIMARY" || ori.status === "LANDSCAPE_SECONDARY" ) {
- $("#textbox_popup").popup("close");
- $("#go_textbox_popup a").attr("href", "#textbox_popup_landscape");
+ if( $( "#textbox_popup" ).parents( ".ui-popup-container" ).is( ".ui-popup-active" ) ) {
+ $( "#textbox_popup" ).popup( "close" );
+ }
+ $( "#go_textbox_popup a" ).attr( "href", "#textbox_popup_landscape" );
}
-
}
function onErrorPopupCallback ( error ) {
<div class="ui-pane" id="menu" data-scroll="y">
<ul data-role="listview">
<li><a id="testSetRatio"><h2>Ratio setting</h2></a></li>
- <li><a id="testGetRatio"><h2>Current ratio</h2></a></li>
- <li><a id="testSetConents"><h2>Set contents of "Up"</h2></a></li>
- <li><a id="testGetConents"><h2>Get contents</h2></a></li>
+ <li><a id="testGetRatio" href="#splitview_popup" data-rel="popup" data-position-to="window"><h2>Current ratio</h2></a></li>
+ <li><a id="testSetContents"><h2>Set contents of "Up"</h2></a></li>
+ <li><a id="testGetContents" href="#splitview_popup" data-rel="popup" data-position-to="window"><h2>Get contents</h2></a></li>
<li><a id="testFixed"><h2>Fixed / Flexible</h2></a></li>
- <li><a id="testDirection"><h2>divider: Vertical / Horizontal</h2></a></li>
+ <li><a id="testDirection"><h2>Divider: Vertical / Horizontal</h2></a></li>
<li><a id="testMaximize"><h2>Maximize "Up" / Restore</h2></a></li>
</ul>
</div>
</div>
</div>
</div>
+
+ <div id="splitview_popup" data-role="popup" class="splitview-popup">
+ <div class="ui-popup-text">
+ </div>
+ </div>
</div>
</div>
<div data-role="footer">
$( "#testGetRatio" ).bind( "vclick", function () {
var ratio = testSplitview.splitview( "option", "ratio" );
- window.alert( "Up : Down = \n" + ratio[ 0 ].toFixed( 2 ) + " : " + ratio[ 1 ].toFixed( 2 ) );
+ $( ".splitview-popup" ).text( "Up : Down = \n" + ratio[ 0 ].toFixed( 2 ) + " : " + ratio[ 1 ].toFixed( 2 ) );
});
- $( "#testSetConents" ).bind( "vclick", function () {
+ $( "#testSetContents" ).bind( "vclick", function () {
var element = $( "<div><h4>Changed \"Up\" pane</h4> Contents changed!!</div>" );
testSplitview.splitview( "pane", "#up", element );
});
- $( "#testGetConents" ).bind( "vclick", function () {
+ $( "#testGetContents" ).bind( "vclick", function () {
var contents = "",
upContents = testSplitview.splitview( "pane", "#up" ),
downContents = testSplitview.splitview( "pane", "#down" );
( ( typeof downContents === "undefined" || !downContents ) ? "" : downContents[ 0 ].outerHTML );
contents = contents.substring(0, 120) + "..." ;
- window.alert( contents );
+ $( ".splitview-popup" ).text( contents );
});
-.ui-btn-up-s .ui-icon-tabedit {
+.ui-icon-tabedit {
background-image: url(00_tab_edit.png);
}
-.ui-btn-hover-s .ui-icon-tabedit,
-.ui-btn-active.ui-btn-up-s .ui-icon-tabedit,
-.ui-btn-down-s .ui-icon-tabedit {
+.ui-btn-active .ui-icon-tabedit {
background-image: url(00_tab_edit_press.png);
}
$( "#MBTgetInputTextTest" ).on( "click", function () {
var input = $( ":jqmData(role='tokentextarea')" ).tokentextarea( "inputText" );
- window.alert( "input String : " + input );
+ $( ".tta-popup .ui-popup-text" ).text( "Input string : " + input );
});
$( "#MBTremoveAllItemTest" ).on( "click", function () {
$( "#MBTgetSelectedItemTest" ).on( "click", function () {
var content = $( ":jqmData(role='tokentextarea')" ).tokentextarea( "select" );
- window.alert( "Select content : " + content );
+ $( ".tta-popup .ui-popup-text" ).text( "Select content : " + content );
});
$( "#MBTselectItemTest" ).on( "click", function () {
$( "#MBTlengthTest" ).on( "click", function () {
var length = $( ":jqmData(role='tokentextarea')" ).tokentextarea( "length" );
- window.alert( "length : " + length );
+ $( ".tta-popup .ui-popup-text" ).text( "Length : " + length );
});
$( "#MBTfocusInTest" ).on( "click", function () {
<li><a id='MBTaddItemTest'>Append Item</a></li>
<li><a id='MBTremoveItemTest'>Remove first Item</a></li>
<li><a id='MBTinputTextTest'>Input 'Hello'</a></li>
- <li><a id='MBTgetInputTextTest'>Get input text</a></li>
+ <li><a id='MBTgetInputTextTest' href='#tta_popup' data-rel='popup' data-position-to='window'>Get input text</a></li>
<li><a id='MBTselectItemTest'>Select 1</a></li>
- <li><a id='MBTgetSelectedItemTest'>Selected item</a></li>
- <li><a id='MBTlengthTest'>Length</a></li>
+ <li><a id='MBTgetSelectedItemTest' href='#tta_popup' data-rel='popup' data-position-to='window'>Selected item</a></li>
+ <li><a id='MBTlengthTest' href='#tta_popup' data-rel='popup' data-position-to='window'>Length</a></li>
<li><a id='MBTfocusOutTest'>Grouping On</a></li>
<li><a id='MBTfocusInTest'>Grouping Off</a></li>
<li><a id='MBTremoveAllItemTest'>Remove All Item</a></li>
</ul>
+
+ <div id="tta_popup" data-role="popup" class="tta-popup">
+ <div class="ui-popup-text">
+ </div>
+ <div class="ui-popup-button-bg">
+ <a data-role="button" data-rel="back" data-inline="true">OK</a>
+ </div>
+ </div>
</div>
<div data-role="footer">
</div>
- });
+ if ( imgToggle ) {
+ appHandle = $( this.handle ).parents( ".ui-slider" );
-+ if ( $( this.handle ).attr("aria-valuenow") === "on" ) {
++ if ( $( this.handle ).attr("aria-valuenow") === "on" || $( this.handle ).attr("aria-valuenow") === $( this.element ).children( "option:last" ).attr( "value" ) ) {
+ appHandle.children( "span.ui-slider-label-a" ).show();
+ appHandle.children( "span.ui-slider-label-b" ).hide();
+ } else {
Name: web-ui-fw
-Version: 0.2.26
+Version: 0.2.27
Release: 0
Summary: Tizen Web UI Framework Library
Group: Development/Other
###############################
%changelog
+* Fri May 03 2013 Hyunjung kim <hjnim.kim@samsung.com> 0.2.27
+ - Splitview: Fix popup error
+ - Tests: Add slider tests checking if jqm slider is used for select elements
+ - Adjust the latest GUI
+ - Handler: Adjust the latest GUI
+ - Swipe: Adjust the latest GUI
+ - Fastscroll: Adjust the latest GUI
+ - ToggleSwitch : bug fix
+ - TizenWinset : bug fix(N_SE-36666)
+ - Gallery3d: Fix Gallery3d TC failure
+ - UnitTC: fix virtualgrid test error
+ - Popup: popup background image have been added
+ - Tokentextarea: Use jQM popup instead of window.alert().
+ - Splitview: Use jQM popup instead of window.alert().
+ - Splitview: Change an option name to start with a capital letter
+ - License: Change flora license version
+ - Tabbar: Adjust the latest GUI
+ - Tokentextarea: Change from 'px' to 'em.'
+ - Fastscroll: Add 'orientationchange' event handler.
+ - Gallery3d: Fix null reference error
+
* Fri Apr 26 2013 Youmin Ha <youmin.ha@samsung.com> 0.2.26
- PageLayout : bug fix
- Gallery3d: Change timing of 'gl-matrix' library's execution
/* ***************************************************************************
Flora License
- Version 1.0, April, 2013
+ Version 1.1, April, 2013
http://floralicense.org/license/
Copyright [yyyy] [name of copyright owner]
- Licensed under the Flora License, Version 1.0 (the "License");
+ Licensed under the Flora License, Version 1.1 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
page = $el.closest( ':jqmData(role="page")' ),
jumpToDivider;
- this.scrollview = $el.closest( '.ui-scrollview-clip' );
+ this.scrollview = $el.addClass( 'ui-fastscroll-target' ).closest( '.ui-scrollview-clip' );
this.shortcutsContainer = $( '<div class="ui-fastscroll" aria-label="Fast scroll bar, double tap to fast scroll mode" tabindex="0"/>' );
this.shortcutsList = $( '<ul aria-hidden="true"></ul>' );
var listItem = $( this );
$( listItem )
.removeClass( "ui-fastscroll-hover" )
- .removeClass( "ui-fastscroll-hover-up" )
.removeClass( "ui-fastscroll-hover-down" );
});
// Hit test each list item
$popup.hide();
$( ".ui-fastscroll-hover" ).removeClass( "ui-fastscroll-hover" );
$( ".ui-fastscroll-hover-first-item" ).removeClass( "ui-fastscroll-hover-first-item" );
- $( ".ui-fastscroll-hover-up" ).removeClass( "ui-fastscroll-hover-up" );
$( ".ui-fastscroll-hover-down" ).removeClass( "ui-fastscroll-hover-down" );
self._setTimer( true );
} );
self.refresh();
} );
- $( window ).unbind( ".fastscroll" ).bind( "resize.fastscroll", function ( e ) {
- self.refresh();
- } );
-
self.scrollview.bind( "scrollstart", function ( e ) {
self._setTimer( false );
}).bind( "scrollstop", function ( e ) {
}
$popup.text( text )
- .css( { marginLeft: -( $popup.width() / 2 ),
- marginTop: -( $popup.height() / 2 ),
+ .css( { marginLeft: -( $popup.outerWidth() / 2 ),
+ marginTop: -( $popup.outerHeight() / 2 ),
padding: $popup.css( "paddingTop" ) } )
.width( $popup.height() )
.show();
if ( listItem.index() === 0 ) {
$( listItem ).addClass( "ui-fastscroll-hover-first-item" );
}
- if ( listItem.index() > 0 ) {
- $( listItem ).siblings().eq( listItem.index() - 1 ).addClass( "ui-fastscroll-hover-up" );
- }
$( listItem ).siblings().eq( listItem.index() ).addClass( "ui-fastscroll-hover-down" );
},
}
$popup.text( text )
- .css( { marginLeft: -( $popup.width() / 2 ),
- marginTop: -( $popup.height() / 2 ),
+ .css( { marginLeft: -( $popup.outerWidth() / 2 ),
+ marginTop: -( $popup.outerHeight() / 2 ),
padding: $popup.css( "paddingTop" ) } )
.width( $popup.height() )
.show();
if ( listItem.index() === 0 ) {
$( listItem ).addClass( "ui-fastscroll-hover-first-item" );
}
- if ( listItem.index() > 0 ) {
- $( listItem ).siblings().eq( listItem.index() - 1 ).addClass( "ui-fastscroll-hover-up" );
- }
$( listItem ).siblings().eq( listItem.index() ).addClass( "ui-fastscroll-hover-down" );
},
$popup.hide();
$( ".ui-fastscroll-hover" ).removeClass( "ui-fastscroll-hover" );
$( ".ui-fastscroll-hover-first-item" ).removeClass( "ui-fastscroll-hover-first-item" );
- $( ".ui-fastscroll-hover-up" ).removeClass( "ui-fastscroll-hover-up" );
$( ".ui-fastscroll-hover-down" ).removeClass( "ui-fastscroll-hover-down" );
self._setTimer( true );
});
.fastscroll();
} );
+ $( window ).bind( "resize orientationchange", function ( e ) {
+ $( ".ui-page-active .ui-fastscroll-target" ).fastscroll( "refresh" );
+ } );
} ( jQuery ) );
//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
/* ***************************************************************************
Flora License
- Version 1.0, April, 2013
+ Version 1.1, April, 2013
http://floralicense.org/license/
Copyright [yyyy] [name of copyright owner]
- Licensed under the Flora License, Version 1.0 (the "License");
+ Licensed under the Flora License, Version 1.1 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
return;
}
+ self._stop();
+
canvas = canvas || self._canvas;
$( self._nodes ).each( function ( i ) {
createHandler = function ( target ) {
var $view = target,
prefix = "<div class=\"ui-handler ui-handler-direction-",
- suffix = "\"><div class=\"ui-handler-track\"><div class=\"ui-handler-thumb\"></div></div></div>",
+ suffix = "\"><div class=\"ui-handler-track\"><div class=\"ui-handler-handle\"><div class=\"ui-handler-thumb\"></div></div></div></div>",
scrollview = $view.data( "scrollview" ),
options = scrollview.options,
direction = options.direction,
_$clip = scrollview._$clip,
scrollbar = $view.find( ".ui-scrollbar" ),
handler = null,
- handlerThumb = null,
+ handlerHandle = null,
viewLength = 0,
clipLength = 0,
handlerHeight = 0,
},
setHanderPostion = function ( scrollPos ) {
var handlerPos = Math.round( ( isHorizontal ? scrollPos.x : scrollPos.y ) / viewLength * trackLength );
- handlerThumb[0].style[ ( isHorizontal ? "left" : "top" ) ] = handlerPos + "px";
+ handlerHandle[0].style[ ( isHorizontal ? "left" : "top" ) ] = handlerPos + "px";
},
stopHandlerScroll = function () {
$( document ).unbind( ".handler" );
_$view.trigger( "scrollstop" );
};
- if ( $view.find( ".ui-handler-thumb" ).length !== 0 || typeof direction !== "string" ) {
+ if ( $view.find( ".ui-handler-handle" ).length !== 0 || typeof direction !== "string" ) {
return;
}
handler = $( [ prefix, direction, suffix ].join( "" ) ).appendTo( $view.addClass( " ui-handler-" + theme ) );
- handlerThumb = $view.find( ".ui-handler-thumb" ).attr( {
+ handlerHandle = $view.find( ".ui-handler-handle" ).attr( {
"tabindex" : "0",
"aria-label" : ( isHorizontal ? "Horizontal handler, double tap and move to scroll" : "Verticalhandler, double tap and move to scroll" )
}).hide();
- handlerHeight = ( isHorizontal ? handlerThumb.width() : handlerThumb.height() );
+ handlerHeight = ( isHorizontal ? handlerHandle.width() : handlerHandle.height() );
handlerMargin = ( isHorizontal ? parseInt( handler.css( "right" ), 10 ) : parseInt( handler.css( "bottom" ), 10 ) );
$.extend( $view, {
});
// handler drag
- handlerThumb.bind( dragStartEvt, {
- e : handlerThumb[0]
+ handlerHandle.bind( dragStartEvt, {
+ e : handlerHandle[0]
}, function ( event ) {
scrollview._stopMScroll();
}
handler.addClass( "ui-handler-visible" );
- handlerThumb.stop( true, true )
+ handlerHandle.stop( true, true )
.fadeIn();
}).bind( "scrollupdate", function ( event, data ) {
if ( !scrollview.enableHandler() || viewLength < 0 || clipLength < handlerHeight ) {
}
scrollview._handlerTimer = setTimeout( function () {
if ( scrollview._timerID === 0 && $view.moveData === null ) {
- handlerThumb.stop( true, true )
+ handlerHandle.stop( true, true )
.css( "opacity", 1.0 )
.fadeOut( function () {
handler.removeClass( "ui-handler-visible" );
.ui-btn.ui-btn-edit .ui-icon { width: @width_buttonEdit; height: @height_buttonEdit; }
/* Padding for Icon with text */
-.ui-btn .ui-btn-text.ui-btn-text-padding-left { padding-left: 44 * @unit_base; }
-.ui-btn .ui-btn-text.ui-btn-text-padding-right { padding-right: 48 * @unit_base; }
+.ui-btn .ui-btn-text.ui-btn-text-padding-left { padding-left: 20 * @unit_base; }
+.ui-btn .ui-btn-text.ui-btn-text-padding-right { padding-right: 32 * @unit_base; }
.ui-btn .ui-btn-text.ui-btn-text-padding-top {padding-top: 32 * @unit_base;}
.ui-icon
{
padding-left: 40px;
}
.ui-btn-icon-right .ui-btn-inner {
- padding-left: 12px; padding-right: 40px;
+ padding-left: 0px; padding-right: 40px;
}
.ui-btn-icon-top .ui-btn-inner,
.ui-btn-icon-bottom .ui-btn-inner { padding-right: 40px; text-align: center; }
background-image: url(images/00_check_checking.png), url(images/00_check_bg.png);
background-repeat: no-repeat;
}
-.ui-icon-checkbox-off-press {
+.ui-btn-down-s .ui-icon-checkbox-off {
width: @checkbox-radio-size-width;
height: @checkbox-radio-size-height;
- background-image: url(images/00_check_bg_press.png);
+ background-image: url(images/00_check_press.png), url(images/00_check_bg_press.png);
}
-.ui-icon-checkbox-on-press {
+.ui-btn-down-s .ui-icon-checkbox-on {
width: @checkbox-radio-size-width;
height: @checkbox-radio-size-height;
- background-image: url(images/00_check_checking.png), url(images/00_check_bg_press.png);
+ background-image: url(images/00_check_press.png), url(images/00_check_bg_press.png);
background-repeat: no-repeat;
}
.favorite {
height: @checkbox-radio-size-height;
background-image: url(images/00_button_radio_select.png), url(images/00_button_radio.png);
}
-.ui-icon-radio-on-press {
+.ui-btn-down-s .ui-icon-radio-on {
width: @checkbox-radio-size-width;
height: @checkbox-radio-size-height;
- background-image: url(images/00_button_radio.png);
+ background-image: url(images/00_button_radio_press.png), url(images/00_button_radio_press_bg.png);
}
-.ui-icon-radio-off-press {
+.ui-btn-down-s .ui-icon-radio-off {
width: @checkbox-radio-size-width;
height: @checkbox-radio-size-height;
- background-image: url(images/00_button_radio.png);
+ background-image: url(images/00_button_radio_press.png), url(images/00_button_radio_press_bg.png);
}
padding-top : 0px;
padding-bottom : 0px;
+ color : @color_list_editfield;
}
}
width : 100%;
height : 2 * @unit_base;
- background : @color_list_divider_text;
+ background : @color_list_divider_line;
}
&.ui-btn-down-s {
position : absolute;
right : 0px;
- top : 16 * @unit_base;
+ top : 12 * @unit_base;
width : 60%;
.LESStext-ellipsis();
&.ui-li-bubble-left {
color: @color_list_bubble_receive_text;
> .ui-li-bubble-time {
+ text-align: left;
color: @color_list_bubble_time_receive_text;
}
}
&.ui-li-bubble-right {
color: @color_list_bubble_sent_text;
> .ui-li-bubble-time {
+ text-align: right;
color: @color_list_bubble_time_sent_text;
}
}
span.ui-li-bubble-time {
font-weight: bold;
+ width: 70 * @unit_base;
}
// Common
.ui-li-bubble-receive,
.ui-li-bubble-left {
//float: left;
margin-left: 0px;
- margin-right: 1.6rem;
+ margin-right: 100 * @unit_base;
border-image-source: url(images/00_messagebubble_bg_receive.9.png);
- border-image-slice: 57 14 21 48 fill;
+ border-image-slice: 60 23 20 57 fill;
border-image-width: auto;
padding: 9px 14px 21px 48px;
}
.ui-li-bubble-sent,
.ui-li-bubble-right {
- margin-left: 1.6rem;
+ margin-left: 100 * @unit_base;
margin-right: 0px;
border-image-source: url(images/00_messagebubble_bg_sent.9.png);
border-image-slice: 55 47 20 13 fill;
img {
position : absolute;
display: inline-block;
- height: 16 * @unit_base;
- width: 16 * @unit_base;
+ height: 20 * @unit_base;
+ width: 20 * @unit_base;
margin-left: 8 * @unit_base;
- margin-top : 24 * @unit_base;
+ margin-top : 22 * @unit_base;
}
.ui-title-text-sub {
&.ui-title-multiline {
img {
- margin-top : 14 * @unit_base;
+ margin-top : 23 * @unit_base;
}
.ui-title {
margin: 9*@unit_base 8*@unit_base 22*@unit_base 8*@unit_base;
}
+ img + .ui-title + .ui-title-text-sub {
+ left : 33 * @unit_base;
+ }
}
}
>[data-role="button"] {
font-size : 15 * @unit_base;
font-weight : bold;
- color : @color_tabbar_btn_normal;
+ color : @color_button_text_normal;
}
[data-role="controlgroup"] {
}
.ui-btn-text {
font-size : 17 * @unit_base;
- color : rgba(58, 58, 58, 1);
+ color : color_button_text_normal;
}
&.ui-corner-right {
background: @color_fastscroll_popup_bg;
color: @color_fastscroll_popup_text;
padding:10*@unit_base 30*@unit_base;
- -ms-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
- -o-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
- -moz-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
- -webkit-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
- box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
+ border: 1px solid @color_fastscroll_popup_border;
+ border-radius: .1em;
+ box-shadow: -2px -2px 2px #fff, 8*@unit_base 10*@unit_base 4*@unit_base @color_fastscroll_popup_shadow;
+ text-shadow: 0px -2px -2px @color_fastscroll_popup_shadow;
text-align: center;
font-size: 75*@unit_base;
font-weight: bold;
top: 50%;
}
-li.ui-fastscroll-hover {
- color : @color_fastscroll_popup_bg;
-}
-
li.ui-fastscroll-hover,
-li.ui-fastscroll-hover-up,
li.ui-fastscroll-hover-down {
- background : @color_list_bg;
-
border-style : solid;
border-color : @color_fastscroll_popup_bg;
border-width : 0px;
- border-right-width : 3 * @unit_base;
- border-left-width : 1px;
- border-left-color : @color_list_bg;
+
+ padding-top : 0px;
+ padding-bottom : 0px;
}
li.ui-fastscroll-hover {
- padding-top : @unit_base;
- padding-bottom : @unit_base;
-}
+ background : @color_list_bg;
+ color : @color_fastscroll_popup_bg;
-li.ui-fastscroll-hover-first-item {
- padding-top : 2 * @unit_base;
+ border-top-width : 3 * @unit_base;
+ border-right-width : 3 * @unit_base;
+ border-left-width : 1px;
+ border-left-color : @color_list_bg;
}
-li.ui-fastscroll-hover-up {
- border-top-width : 3 * @unit_base;
- padding-top : 0px;
+li.ui-fastscroll-hover-first-item {
+ border-top-width : 0px;
+ padding-top : 1.5 * @unit_base;
+ padding-bottom : 1.5 * @unit_base;
}
li.ui-fastscroll-hover-down {
- border-bottom-width : 3 * @unit_base;
- padding-bottom : 0px;
+ border-top-width : 3 * @unit_base;
+ border-left-width : 3 * @unit_base;
+ padding-bottom : 2 * @unit_base;
}
margin-bottom: 4 * @unit_base;
margin-left: 8 * @unit_base;
margin-right: 8 * @unit_base;
+ padding-top: 8 * @unit_base;
color: @color_smallpopup_text;
}
@popup-ratio: 86.12%;
.ui-popup-screen {
- background: #000000;
- opacity: 0;
+ opacity: 0;
position: absolute;
top: 0;
left: 0;
}
.ui-overlay-dim {
- opacity: 0.7;
+ background-image: url('images/popup_bg.png');
+ background-size: 100% 100%;
+ opacity: 1;
}
position: absolute;
width: @popup-ratio;
z-index: (@z_base_popup + 1) !important;
- background: @color_popup_text_bg;
text-align: center;
outline-color: @color_list_bg;
.LESSdisplaybox();
width : 100%;
}
word-wrap : break-word;
+ -ms-border-radius : .3em;
+ -o-border-radius : .3em;
+ -webkit-border-radius : .3em;
+ -moz-border-radius : .3em;
+ border-radius : .3em;
}
.ui-popup-title {
width: 100%;
height: 40 * @unit_base;
text-align : left;
- color : @color_bar_title_text;
+ color : @color_popup_title_text;
font-size: @font_size_popup_basic_style_title;
font-weight : bold;
h1 {
font-size: @font_size_popup_basic_style_title;
font-weight : bold;
- color : @color_bar_title_text;
+ color : @color_popup_title_text;
margin : 0px;
padding-top : 10 * @unit_base;
color-stop(1, @color_progress_value1)
);
.LESSborder-radius-all( 10 * @unit_base );
- .LESSbox-shadow(-1px, -1px, 1px, rgb(179, 200, 226));
}
.ui-progressbar-bg {
border: 1px;
border-style: solid;
border-color: @color_progress_border;
- .LESSbox-shadow(1px, -1px, 1px, @color_progress_border);
background-color: @color_progress_bar0;
}
color-stop(0, @color_progress_bar1),
color-stop(1, @color_progress_bar0)
);
- .LESSbox-shadow(1px, 1px, 0px, white);
+ .LESSbox-shadow(0px, 0px, 2px, @color_progress_shadow);
.LESSborder-radius-all( 10 * @unit_base );
}
}
.ui-handler-visible {
- opacity: 1;
+ opacity: 1;
}
.ui-handler-direction-y {
top : 10 * @unit_base_handler;
- right : 10 * @unit_base_handler;
+ right : 0 * @unit_base_handler;
bottom : 10 * @unit_base_handler;
- width : 48 * @unit_base_handler;
+ width : 36 * @unit_base_handler;
}
.ui-handler-direction-x {
right : 10 * @unit_base_handler;
- bottom : 10 * @unit_base_handler;
+ bottom : 0 * @unit_base_handler;
left : 10 * @unit_base_handler;
- height : 48 * @unit_base_handler;
+ height : 36 * @unit_base_handler;
}
.ui-handler-track {
height : 100%;
}
-.ui-handler-thumb {
+.ui-handler-handle {
position : absolute;
top : 0;
left : 0;
+}
+
+.ui-handler-direction-x .ui-handler-handle {
+ width : 234 * @unit_base_handler;
+ height : 36 * @unit_base_handler;
+}
+
+.ui-handler-direction-y .ui-handler-handle {
+ width : 36 * @unit_base_handler;
+ height : 234 * @unit_base_handler;
+}
+
+.ui-handler-thumb {
background-position : center;
background-repeat : no-repeat;
- .LESSborder-radius-all(5 * @unit_base_handler);
+ .LESSborder-radius-all(11 * @unit_base_handler);
}
.ui-handler-direction-y .ui-handler-thumb {
- width : 48 * @unit_base_handler;
- height : 214 * @unit_base_handler;
- background-size : 48 * @unit_base_handler 40 * @unit_base_handler;
+ width : 23 * @unit_base_handler;
+ height : 229 * @unit_base_handler;
+ background-size : 23 * @unit_base_handler 37 * @unit_base_handler;
}
.ui-handler-direction-x .ui-handler-thumb {
width: 5 * @unit_base;
height: 100%;
.LESSborder-radius-all(2 * @unit_base);
- .LESSbox-shadow(1 * @unit_base, 1 * @unit_base, 2 * @unit_base, rgb(148, 146, 140))
+ .LESSbox-shadow(1 * @unit_base, 1 * @unit_base, 4 * @unit_base, @color_scrollbar_thumb_shadow)
}
.ui-scrollbar-x .ui-scrollbar-thumb {
color-stop(0, @color_progress_bar1),
color-stop(1, @color_progress_bar0)
);
- .LESSbox-shadow(1px, 1px, 0px, white);
+ .LESSbox-shadow(0px, 0px, 2px, @color_progress_shadow);
.LESSborder-radius-all( 10 * @unit_base );
}
border: 1px;
border-style: solid;
border-color: @color_progress_border;
- .LESSbox-shadow(1px, 1px, 0px, @color_progress_shadow);
background-color: @color_progress_bar0;
.ui-btn {
color-stop(1, @color_progress_value1)
);
.LESSborder-radius-all( 10 * @unit_base );
- .LESSbox-shadow(-1px, -1px, 1px, rgb(179, 200, 226));
}
.ui-slider-handle-press {
@import "config.less";
+@unit_base_splitview : @unit_base * 0.5;
+
.ui-splitview {
margin: 0;
padding: 0;
}
.ui-splitview .ui-spliter-bar {
background-color: @color_splitview_spliter_bar;
- border-color: black;
+ border-color: @color_splitview_spliter_border;
border-style: solid;
}
.ui-splitview .ui-spliter-handle {
background-size: 100% 100%;
}
.ui-direction-horizontal > .ui-spliter {
- width: 60px;
+ width: 60 * @unit_base_splitview;
}
.ui-direction-vertical > .ui-spliter {
- height: 60px;
+ height: 60 * @unit_base_splitview;
}
.ui-direction-horizontal > .ui-spliter > .ui-spliter-bar {
- width: 13px;
- margin: 0 0 0 25px;
- border-width: 1px 1px 1px 0;
+ width: 13 * @unit_base_splitview;
+ margin: 0 0 0 25 * @unit_base_splitview;
+ border-width: 0 1px 0 1px;
}
.ui-direction-vertical > .ui-spliter > .ui-spliter-bar {
- height: 13px;
- margin: 25px 0 0 0;
- border-width: 0 1px 1px 1px;
+ height: 13 * @unit_base_splitview;
+ margin: 25 * @unit_base_splitview 0 0 0;
+ border-width: 1px 0 1px 0;
}
.ui-spliter-active > .ui-spliter-bar {
background-color: @color_splitview_spliter_bar_active;
+ border-color: @color_splitview_spliter_bar_active;
}
.ui-direction-horizontal > .ui-spliter > .ui-spliter-bar > .ui-spliter-handle {
- width: 13px;
- height: 26px;
+ width: 13 * @unit_base_splitview;
+ height: 26 * @unit_base_splitview;
background-image: url(./images/00_splite_handler_v.png);
+ background-repeat:repeat-x;
}
.ui-direction-vertical > .ui-spliter > .ui-spliter-bar > .ui-spliter-handle {
- width: 26px;
- height: 13px;
+ width: 26 * @unit_base_splitview;
+ height: 13 * @unit_base_splitview;
background-image: url(./images/00_splite_handler_h.png);
+ background-repeat:repeat-y;
}
.ui-direction-horizontal > .ui-fixed {
- width: 0px;
+ width: 0;
}
.ui-direction-horizontal > .ui-fixed > .ui-spliter-bar {
- width: 5px;
+ width: 5 * @unit_base_splitview;
}
.ui-direction-vertical > .ui-fixed {
- height: 0px;
+ height: 0;
}
.ui-direction-vertical > .ui-fixed > .ui-spliter-bar {
- height: 5px;
+ height: 5 * @unit_base_splitview;
}
.ui-fixed .ui-spliter-handle {
display: none;
@list-li-padding-horizontal: 16 * @unit_base;
.ui-swipe {
+ padding: 0 !important;
list-style-type: none;
- overflow: hidden;
}
.ui-swipe-item {
- height: 26 * @unit_base;
+ height: 56 * @unit_base;
-ms-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-user-select: none;
opacity: 0;
text-align : center;
+ background-color: @color_list_swipe_bg;
+ margin-left : -13 * @unit_base;
+ margin-right : -13 * @unit_base;
.ui-btn {
- margin-top: -1.5em ! important;
+ margin-top: -1.2em ! important;
position: relative ! important;
}
p {
-0-border-radius : 0px;
-ms-border-radius : 0px;
-webkit-border-radius : 0px;
+
+ &:not(.ui-btn-icon-only) .ui-btn-text {
+ display: block;
+ vertical-align: middle;
+ padding-bottom : 6 * @unit_base;
+ margin-left: 6 * @unit_base;
+ margin-right: 6 * @unit_base;
+ }
}
.ui-icon {
}
a.ui-state-persist, a.ui-state-persist.ui-btn-active, a.ui-btn-show-style {
color : @color_tabbar_btn_pressed;
+
+ .ui-btn-text {
+ border-bottom-width: 3 * @unit_base;
+ border-bottom-color: @color_tabbar_btn_pressed;
+ border-bottom-style: solid;
+ }
}
a.ui-btn-hover-s.ui-btn-down-s {
&:not(.ui-state-persist) {
- color : @color_tabbar_btn_pressed;
background: @color_tabbar_btn_tab_press;
}
}
}
a.ui-btn-active, .ui-btn-show-style {
color : @color_tabbar_btn_pressed;
+ .ui-btn-text {
+ border-bottom-width: 3 * @unit_base;
+ border-bottom-color: @color_tabbar_btn_pressed;
+ border-bottom-style: solid;
+ }
}
a.ui-btn.ui-btn-hover-s.ui-btn-down-s {
- color : @color_tabbar_btn_pressed;
background: @color_tabbar_btn_tab_press;
}
}
.ui-btn-inner {
height : 54 * @unit_base;
.ui-btn-text {
- padding-top : 0px;
- line-height : 85 * @unit_base;
+ padding-bottom: 1 * @unit_base;
}
.ui-icon {
top : 0px;
display : inline-block;
text-align : center;
position : relative;
- margin-left : 5px;
- margin-right : 5px;
- padding : 10px 0px;
+ margin-left : .3em;
+ margin-right : .3em;
+ padding : .6em 0em;
color : @color_tokentextarea_label_text;
font-weight : bold;
text-align : center;
position : relative;
border : 0 !important;
padding : 0 !important;
- margin : 8px;
+ margin : .5em;
color : @color_tokentextarea_input_text;
text-align : left;
font-size : 1em;
text-align : center;
cursor : pointer;
position : relative;
- margin-left : 5px;
- margin-right : 5px;
- margin-bottom : 5px;
- margin-top : 5px;
- padding : 3px 8px;
+ margin : .3em;
+ padding : .2em .5em;
font-size : 1em;
text-shadow : 0 .1em .1em rgba(0,0,0,.3);
-ms-border-radius : .2em;
div.ui-tokentextarea-block {
background-color : @color_tokentextarea_block_bg;
- background-image : url(./images/00_contacts_button_header.png);
+ background-image : -webkit-gradient(linear, left top, left bottom, from(@color_tokentextarea_block_bg), to(rgb(115, 148, 189)));
background-size : contain;
background-repeat : no-repeat;
- padding-left : 11px;
+ padding-left : .7em;
}
div.ui-tokentextarea-sblock {
background-color : @color_tokentextarea_press_bg;
- background-image : url(./images/00_contacts_button_header_press.png);
+ background-image : -webkit-gradient(linear, left top, left bottom, from(@color_tokentextarea_press_bg), to(rgb(75, 142, 222)));
background-size : contain;
background-repeat : no-repeat;
- padding-left : 11px;
+ padding-left : .7em;
}
.ui-tokentextarea .ui-tokentextarea-desclabel {
List
***************************************************************************/
@color_list_bg: rgba(32, 35, 39, 1); /* B0211 */
-@color_list_press : rgba(87, 135, 194, 1); /* B041 */
-@color_list_border_bottom: rgba(45, 45, 45, 0.5); /* B0221 */
+@color_list_press : rgba(112, 169, 238, 1); /* B041 */
+@color_list_border_bottom: rgba(12, 15, 20, 1); /* B0223 */
@color_list_main_text_focus: rgba(255, 255, 255, 1);
@color_list_main_text_unfocus: rgba(215, 215, 215, 1);
@color_list_sub_text_default: rgba(128, 128, 128, 1);
@color_list_divider_expand_div : rgba(0, 0, 0, 0.5);
-@color_list_divider_bg : rgba(32, 35, 39, 1); /* W021L1 */
-@color_list_divider_text : rgba(112, 169, 238, 1); /* W021L2 */
+@color_list_divider_bg : rgba(32, 35, 39, 1); /* W021L1 */
+@color_list_divider_line : rgba(59, 115, 182, 1); /* W021L2 */
+@color_list_divider_text : rgba(112, 169, 238, 1); /* W021L3 */
+
+@color_list_swipe_bg : rgba(23, 25, 28, 1); /* B0212 */
@color_list_dialogue_bg : rgba(42, 45, 48, 1);
-@color_dialogue_main_text: rgba(59, 115, 182, 1);
+@color_dialogue_main_text: rgba(112, 169, 238, 1); /* F011L5 */
@color_dialogue_border_right: rgba(12, 15, 20, 1);
@color_list_expanded_bg : rgba(220, 218, 211, 1);
-@color_list_bubble_sent_text: rgb(0, 0, 0);
-@color_list_bubble_receive_text: rgb(255, 255, 255);
-@color_list_bubble_sos_text: rgb(233, 73, 73);
-@color_list_bubble_date_text: rgb(104, 104, 104);
+@color_list_editfield : rgba(215, 215, 215, 1); /* F011L1 */
+
+@color_list_bubble_sent_text: rgb(0, 0, 0); /* W051 */
+@color_list_bubble_receive_text: rgb(0, 0, 0); /* W051 */
+@color_list_bubble_sos_text: rgb(233, 73, 73); /* F011L15 */
+@color_list_bubble_date_text: rgb(104, 104, 104); /* F011L18 */
@color_list_bubble_date_bg: rgba(225, 225, 225, 0);
-@color_list_bubble_time_sent_text: rgb(57, 166, 215);
-@color_list_bubble_time_receive_text: rgb(211, 0, 0);
-@color_list_bubble_time_sos_text: rgb(211, 0, 0);
+@color_list_bubble_time_sent_text: rgb(139, 139, 139); /* F011L16 */
+@color_list_bubble_time_receive_text: rgb(139, 139, 139); /* F011L17 */
+@color_list_bubble_time_sos_text: rgb(233, 73, 73); /* F011L15 */
@color_list_bubble_name_text: rgb(139, 139, 139);
@color_list_bubble_help_text: rgb(154, 154, 154);
@color_list_bubble_link_text: rgb(34, 129, 157);
@color_fastscroll_popup_bg: rgba(59, 115, 182, 1); /* B0731 : 00_fast_scroll_popup_bg.png */
@color_fastscroll_popup_shadow: rgba(199, 199, 199, 0.5);
@color_fastscroll_popup_text: rgba(255, 255, 255, 1); /* B0732 : Scroll popup text */
+@color_fastscroll_popup_border: rgba(100, 100, 100, 0.5);
/***************************************************************************
@color_button_EditText: rgb(249, 249, 249);
@color_button_EditTextPress: rgb(61, 61, 61);
-@color_button_text_normal: rgb(58, 58, 58);
+@color_button_text_normal: rgb(186, 186, 186);
@color_button_text_press: rgb(255, 255, 255);
@color_button_text_white: rgb(249, 249, 249);
-@color_button_normal: rgb(32, 35, 39);
-@color_button_normal_webkit: -webkit-linear-gradient(top, rgb(32, 35, 39), rgb(32, 35, 39));
-@color_button_normal_moz: -moz-linear-gradient(top, rgb(235, 232, 227), rgb(234, 231, 226));
-@color_button_normal_o: -o-linear-gradient(top, rgb(235, 232, 227), rgb(234, 231, 226));
-@color_button_normal_ms: -ms-linear-gradient(top, rgb(235, 232, 227), rgb(234, 231, 226));
-@color_button_press: rgb(59, 115, 182);
+@color_button_normal: rgb(60, 64, 68);
+@color_button_normal_webkit: -webkit-linear-gradient(top, rgb(53, 57, 61), rgb(45, 48, 51));
+@color_button_normal_moz: -moz-linear-gradient(top, rgb(53, 57, 61), rgb(45, 48, 51));
+@color_button_normal_o: -o-linear-gradient(top, rgb(53, 57, 61), rgb(45, 48, 51));
+@color_button_normal_ms: -ms-linear-gradient(top, rgb(53, 57, 61), rgb(45, 48, 51));
+@color_button_press: rgb(51, 99, 157);
-@color_button_inner: rgb(32, 35, 39);
-@color_button_inner_webkit: -webkit-linear-gradient(top, rgb(32, 35, 39), rgb(32, 35, 39));
-@color_button_inner_moz: -moz-linear-gradient(top, rgb(250, 247, 242), rgb(248, 245, 240));
-@color_button_inner_o: -o-linear-gradient(top, rgb(250, 247, 242), rgb(248, 245, 240));
-@color_button_inner_ms: -ms-linear-gradient(top, rgb(250, 247, 242), rgb(248, 245, 240));
+@color_button_inner: rgb(60, 64, 68);
+@color_button_inner_webkit: -webkit-linear-gradient(top, rgb(60, 64, 68), rgb(44, 46, 49));
+@color_button_inner_moz: -moz-linear-gradient(top, rgb(60, 64, 68), rgb(44, 46, 49));
+@color_button_inner_o: -o-linear-gradient(top, rgb(60, 64, 68), rgb(44, 46, 49));
+@color_button_inner_ms: -ms-linear-gradient(top, rgb(60, 64, 68), rgb(44, 46, 49));
-@button_shadow_outer: 0 0 1px 1px rgba(0, 0, 0, 1);
-@button_shadow_inner: none;
+@button_shadow_outer: 0 0 1px 1px rgba(83, 86, 90, 1);
+@button_shadow_inner: 0 0 1px 1px rgba(67, 70, 73, 1);;
@color_button_edit: rgb(201, 88, 88);
@color_button_edit_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(201, 88, 88)), to(rgb(161, 40, 40)));
background: @color_button_normal_o;
background: @color_button_normal_ms;
border: 1px solid;
- border-color: rgba(0, 0, 0, 1);
+ border-color: rgba(42, 44, 47, 1);
.LESSbox-shadow-line( @button_shadow_outer );
}
.LESSbutton_inner_box_style{
@color_ctxpopup_border_top: rgb(91, 91, 91);
@color_ctxpopup_border_bottom: rgb(45, 45, 45);
-@color_ctxbutton_press: rgb(59, 115, 182);
+@color_ctxbutton_press: rgb(42, 137, 194); /* B044 */
@color_ctxpopup_timepicker_text: rgba( 255, 255, 255, 0.7 );
@color_ctxpopup_timepicker_text_focus: rgba( 255, 255, 255, 1 );
@color_scrollbar: rgb(57, 59, 65);
@color_scrollview_indicator_start: rgb(186,186,186);
@color_scrollview_indicator_end: rgb(32,35,39);
+@color_scrollbar_thumb_shadow: rgba(0, 0, 0, 50);
/***************************************************************************
Date Time picker
***************************************************************************/
@color_popup_center_progressbar_title: rgba(153, 153, 153, 1);
@color_popup_title_bg: rgba(80, 147, 182, 255); /* popup_title_bg.png */
+@color_popup_title_text: rgba(125, 169, 221, 1); /* B063L9 : Basic Style_title */
@color_popup_button_bg: rgba(42, 45, 48, 1);
@color_popup_font: rgba(248, 246, 239, 1); /* maybe not use only popupwindow*/
/***************************************************************************
Tickernoti
***************************************************************************/
-@color_ticker_bg: rgb(68, 68, 68);
+@color_ticker_bg: rgb(52, 52, 50); /* B061L5 */
@color_ticker_text1: rgb(255, 255, 255);
@color_ticker_text2: rgb(255, 255, 255);
@color_ticker_btn: rgb(64, 64, 64);
/***************************************************************************
Smallpopup
***************************************************************************/
-@color_smallpopup_bg: rgb(68, 68, 68);
+@color_smallpopup_bg: -webkit-linear-gradient(top, @color_bg 0%, rgb(153, 153, 153
+) 18%, rgb(68, 68, 68) 20%, rgb(68, 68, 68) 100%);
@color_smallpopup_text: rgb(255, 255, 255);
/***************************************************************************
Slider
***************************************************************************/
@color_slider_handle_text: rgb(255, 255, 255);
-@color_slider_popup_text: rgb(249, 249, 249);
+@color_slider_popup_text: rgb(76, 81, 88); /* W0632 */
@color_slider_left_text: rgb(186, 186, 186);
@color_slider_right_text: rgb(186, 186, 186);
@color_slider_label_text: rgb(255, 255, 255);
/***************************************************************************
Progress
***************************************************************************/
-@color_progress_bar0: rgb(0, 0, 0);
-@color_progress_bar1: rgb(29, 31, 34);
-@color_progress_border: rgb(29, 31, 34);
-@color_progress_value0: rgb(54, 119, 195);
-@color_progress_value1: rgb(29, 31, 34);
-@color_progress_shadow: rgb(255, 255, 255);
+@color_progress_bar0: rgb(26, 27, 29);
+@color_progress_bar1: rgb(46, 47, 51);
+@color_progress_outline: rgb(57, 59, 63);
+@color_progress_border: rgb(32, 33, 35);
+@color_progress_value0: rgb(82, 136, 201);
+@color_progress_value1: rgb(54, 90, 113);
+@color_progress_shadow: rgb(60, 62, 67);
/***************************************************************************
Handler
***************************************************************************/
-@color_scrollview_handler_bg : rgba(150, 150, 150, 0.5);
+@color_scrollview_handler_bg : rgba(198, 196, 190, 1);
+@color_scrollview_handler_shadow : rgb(0, 0, 0, 0.5);
/***************************************************************************
tokentextarea
***************************************************************************/
@color_tokentextarea_block_text : rgb(255, 255, 255);
-@color_tokentextarea_block_bg : rgb(95, 138, 189);
-@color_tokentextarea_press_bg : rgb(54, 89, 132);
+@color_tokentextarea_block_bg : rgb(118, 157, 204); /* W0711 : Contact button bg normal */
+@color_tokentextarea_press_bg : rgb(64, 147, 247); /* W0713 : Contact button bg press */
@color_tokentextarea_input_text : #222222;
@color_tokentextarea_label_text : rgb(128, 128, 128);
/***************************************************************************
Splitview
***************************************************************************/
-@color_splitview_spliter_bar : rgb(179, 179, 179);
-@color_splitview_spliter_bar_active : rgb(87, 135, 194);
+@color_splitview_spliter_bar : rgb(52, 55, 57); /* W131 */
+@color_splitview_spliter_bar_active : rgb(59, 115, 182); /* W132 */
+@color_splitview_spliter_border : rgb(58, 62, 67);
@color_list_divider_expand_div : rgba(0, 0, 0, 0.5);
@color_list_divider_bg : rgba(248, 246, 239, 1); /* W021L1 */
-@color_list_divider_text : rgba(59, 115, 182, 1); /* W021L2 */
+@color_list_divider_line : rgba(59, 115, 182, 1); /* W021L2 */
+@color_list_divider_text : rgba(59, 115, 182, 1); /* W021L3 */
+
+@color_list_swipe_bg : rgba(237, 235, 228, 1); /* B0212 */
@color_list_dialogue_bg : rgba(239, 237, 229, 1);
@color_dialogue_main_text: rgba(59, 115, 182, 1);
@color_list_expanded_bg : rgba(220, 218, 211, 1);
-@color_list_bubble_sent_text: rgb(0, 0, 0);
-@color_list_bubble_receive_text: rgb(255, 255, 255);
+@color_list_editfield : rgba(0, 0, 0, 1); /* F011L1 */
+
+@color_list_bubble_sent_text: rgb(0, 0, 0); /* W051 */
+@color_list_bubble_receive_text: rgb(0, 0, 0); /* W051 */
@color_list_bubble_sos_text: rgb(233, 73, 73);
@color_list_bubble_date_text: rgb(104, 104, 104);
@color_list_bubble_date_bg: rgba(225, 225, 225, 0);
-@color_list_bubble_time_sent_text: rgb(57, 166, 215);
-@color_list_bubble_time_receive_text: rgb(211, 0, 0);
-@color_list_bubble_time_sos_text: rgb(211, 0, 0);
+@color_list_bubble_time_sent_text: rgb(139, 139, 139); /* F011L16 */
+@color_list_bubble_time_receive_text: rgb(139, 139, 139); /* F011L17 */
+@color_list_bubble_time_sos_text: rgb(233, 73, 73); /* F011L15 */
@color_list_bubble_name_text: rgb(139, 139, 139);
@color_list_bubble_help_text: rgb(154, 154, 154);
@color_list_bubble_link_text: rgb(34, 129, 157);
@color_fastscroll_popup_bg: rgba(59, 115, 182, 1); /* B0731 : 00_fast_scroll_popup_bg.png */
@color_fastscroll_popup_shadow: rgba(199, 199, 199, 0.5);
@color_fastscroll_popup_text: rgba(255, 255, 255, 1); /* B0732 : Scroll popup text */
+@color_fastscroll_popup_border: rgba(100, 100, 100, 0.5);
/***************************************************************************
@color_button_EditText: rgb(249, 249, 249);
@color_button_EditTextPress: rgb(61, 61, 61);
-@color_button_text_normal: rgb(58, 58, 58);
-@color_button_text_press: rgb(248, 246, 239);
+@color_button_text_normal: rgb(58, 58, 58); /* F031L1 */
+@color_button_text_press: rgb(255, 255, 255); /* F031L1P */
@color_button_text_white: rgb(249, 249, 249);
@color_button_normal: rgb(235, 232, 227);
font-weight: normal;
font-size: 1.0rem;
font-style:normal;
- color: @color_button_text_black;
+ color: @color_button_text_normal;
}
.LESSbutton_hover_style{
contextual popup
***************************************************************************/
@color_ctxpopup_text: rgb(255, 255, 255);
-@color_ctxpopup_background: rgb(68, 68, 68);
+@color_ctxpopup_background: rgb(68, 68, 68); /* B061L4 : Contextual bg */
@color_ctxpopup_border_left: rgb(45, 45, 45);
@color_ctxpopup_border_right: rgb(91, 91, 91);
@color_ctxpopup_border_top: rgb(91, 91, 91);
@color_ctxpopup_border_bottom: rgb(45, 45, 45);
-@color_ctxbutton_press: rgb(59, 115, 182);
+@color_ctxbutton_press: rgb(42, 137, 194); /* B044 : Contextual effect */
@color_ctxpopup_timepicker_text: rgba( 255, 255, 255, 0.7 );
@color_ctxpopup_timepicker_text_focus: rgba( 255, 255, 255, 1 );
@color_scrollbar: rgb(198, 196, 190);
@color_scrollview_indicator_start: rgb(255,255,255);
@color_scrollview_indicator_end: rgb(128,128,128);
+@color_scrollbar_thumb_shadow: rgba(0, 0, 0, 50);
/***************************************************************************
Date Time picker
***************************************************************************/
-@color_timepicker_selector_color: rgb(59,115,182);
+@color_timepicker_selector_color: rgb(87, 135, 194); /* W0811 : Picker bg */
@font_size_datetime_main_text: 22 * @unit_base;
@font_size_datetime_sub_text: 16 * @unit_base;
***************************************************************************/
@color_popup_center_progressbar_title: rgba(153, 153, 153, 1);
@color_popup_title_bg: rgba(80, 147, 182, 255); /* popup_title_bg.png */
+@color_popup_title_text: rgba(59, 115, 182, 1); /* B063L9 : Basic Style_title */
@color_popup_button_bg: rgba(248, 246, 239, 1);
@color_popup_font: rgba(248, 246, 239, 1); /* maybe not use only popupwindow*/
/***************************************************************************
Smallpopup
***************************************************************************/
-@color_smallpopup_bg: rgb(68, 68, 68);
+@color_smallpopup_bg: -webkit-linear-gradient(top, @color_bg 0%, rgb(153, 153, 153) 18%, rgb(68, 68, 68) 20%, rgb(68, 68, 68) 100%);
@color_smallpopup_text: rgb(255, 255, 255);
/***************************************************************************
@color_progress_border: rgb(163, 160, 158);
@color_progress_value0: rgb(54, 119, 195);
@color_progress_value1: rgb(150, 184, 224);
-@color_progress_shadow: rgb(0, 0, 0);
+@color_progress_shadow: rgb(104, 102, 101);
/***************************************************************************
Handler
***************************************************************************/
-@color_scrollview_handler_bg : rgba(150, 150, 150, 0.5);
+@color_scrollview_handler_bg : rgba(198, 196, 190, 1);
+@color_scrollview_handler_shadow : rgb(0, 0, 0, 0.5);
/***************************************************************************
tokentextarea
***************************************************************************/
@color_tokentextarea_block_text : rgb(255, 255, 255);
-@color_tokentextarea_block_bg : rgb(95, 138, 189);
-@color_tokentextarea_press_bg : rgb(54, 89, 132);
+@color_tokentextarea_block_bg : rgb(118, 157, 204); /* W0711 : Contact button bg normal */
+@color_tokentextarea_press_bg : rgb(64, 147, 247); /* W0713 : Contact button bg press */
@color_tokentextarea_input_text : #222222;
@color_tokentextarea_label_text : rgb(102, 102, 102);
/***************************************************************************
Splitview
***************************************************************************/
-@color_splitview_spliter_bar : rgb(179, 179, 179);
-@color_splitview_spliter_bar_active : rgb(87, 135, 194);
+@color_splitview_spliter_bar : rgb(149, 149, 149); /* W131 */
+@color_splitview_spliter_bar_active : rgb(87, 135, 194); /* W132 */
+@color_splitview_spliter_border : rgb(128, 128, 128);
widget.gallery3d( "select", 1 );
setTimeout( function () {
equal( widget.gallery3d( "select" ), imageList[0], "API : select" );
-
widget.gallery3d( "next" );
- setTimeout( function () {
- equal( widget.gallery3d( "select" ), imageList[1], "API : next" );
+ }, 600 );
- widget.gallery3d( "prev" );
- setTimeout( function () {
- equal( widget.gallery3d( "select" ), imageList[0], "API : prev" );
- start();
+ setTimeout( function () {
+ equal( widget.gallery3d( "select" ), imageList[1], "API : next" );
+ widget.gallery3d( "prev" );
+ }, 1200 );
- }, 340 );
- }, 340 );
- }, 340 );
+ setTimeout( function () {
+ equal( widget.gallery3d( "select" ), imageList[0], "API : prev" );
+ start();
+ }, 1800 );
});
}( jQuery ));
<div data-role="content">
<input id="slider0" data-popupenabled="false" type="range" name="slider" value="50" min="0" max="100">
<input id="slider1" data-popupenabled="false" type="range" name="slider" value="5" min="0" max="10" data-icon="volume">
+ <select id="slider3" data-role="slider">
+ <option value="off">Off</option>
+ <option value="on">On</option>
+ </select>
</div>
</div>
test( "icon slider", function () {
unit_slider( $("#slider1") );
});
+
+ test( "jqm enhancing", function () {
+ ok( $( "#slider3" ).slider(), "JQM slider enhances select elements" );
+ });
}( jQuery ));
</script>
<link rel="stylesheet" href="../../../libs/js/jquery-mobile-1.2.0/external/qunit.css" />
<script src="../../../libs/js/jquery-mobile-1.2.0/external/qunit.js"></script>
+ <script src = "../../../demos/tizen-winsets/widgets/grid/virtualgrid-db-demo.js"></script>
<script src="virtualgrid-tests.js"></script>
<title>Virtualgrid</title>
</head>
</div>
</script>
<div id="virtualgrid-test" data-direction="y" data-role="virtualgrid" data-rotation="true" data-template="tizen-demo-namecard" data-dbtable="JSON_DATA" style="width:600px; height:500px;"></div>
- <script>
- $( ".virtualgrid_demo_page" ).live( "pagecreate", function() {
- console.log("pagecreate...");
- $.getScript( "../../../demos/tizen-winsets/widgets/grid/virtualgrid-db-demo.js", function( data, textStatus ) {
- $(document).trigger("dataloaded");
- });
- });
- </script>
</div>
</div>
</div>
* Woosung Sohn <woosungim.sohn@samsung.com>
*/
-( function ( $ ) {
+$( document ).ready( function () {
+ var virtualGrid, startVirtualGridTest;
+
module( "Virtualgrid" );
- var startVirtualGridTest = function ( virtualGrid ) {
+ startVirtualGridTest = function ( virtualGrid ) {
var $vgView,
$vgScrollView,
$vgWrapBlocks,
notEqual( $item.children().length, prevColCnt, "Method : resize" );
$item = $( $vgWrapBlocks.first().children()[0] );
- $item.trigger( "click" );
+ try {
+ $item.trigger( "click" );
+ } catch ( exception ) {
+ console.log( "click event exception : " + exception );
+ }
});
};
- $( document ).bind( "dataloaded" , function () {
- var virtualGrid = $( "#virtualgrid-test" ).virtualgrid( "create" , {
+ /* Load Dummy Data and Init Virtual Grid widget*/
+ if ( window.JSON_DATA ) {
+ // trigger pagecreate
+ $( "#virtualgrid_demo_page" ).page();
+
+ virtualGrid = $( "#virtualgrid-test" ).virtualgrid( "create", {
itemData: function ( idx ) {
return JSON_DATA[ idx ];
},
numItemData: JSON_DATA.length,
cacheItemData: function ( minIdx, maxIdx ) { }
});
-
startVirtualGridTest( virtualGrid );
- });
-}( jQuery ));
+ } else {
+ console.log ( "Virtual Grid Init Fail." );
+ }
+} );