Tabbar footer : Long 1 line text modify 2 line text. (N_SE-36476)
authorhc7.choi <hc7choi@hc7.choi>
Thu, 16 May 2013 02:49:00 +0000 (11:49 +0900)
committerheeju.joo <heeju.joo@samsung.com>
Thu, 23 May 2013 07:49:28 +0000 (16:49 +0900)
Tabbar footer element that wrote long text in 1 line modify 2 text line.

Change-Id: Ia1c2953ace400d51bf53133f6d188726c1402993

demos/tizen-winsets/tips/list-sample/list-sample.html

index 37a10fb..c9ce10d 100644 (file)
 </head>
 <body>
 <div data-role="page" data-add-back-btn="true" id="list-sample">
+       <style>
+               #new .ui-btn-text {
+                       font-size : 12px;
+               }
+               #new span {
+                       line-height : 8px;
+                       padding-top : 2px;
+                       padding-bottom : 2px;
+               }
+       </style>
        <div data-role="header" data-position="fixed">
                <h1>SINGLE-PAGE APPLICATION </h1>
        </div><!-- /header -->
@@ -32,7 +42,7 @@
                        <ul>
                                <li id="add"><a>+1</a></li>
                                <li id="add2"><a>+20</a></li>
-                               <li id="new"><a>reset & create +3</a></li>
+                               <li id="new"><a>reset &<br> create +3</a></li>
                        </ul>
                </div>
        </div><!-- /footer -->