Procházet zdrojové kódy

Changes in <nav> element and .button class

@soyjavi před 14 roky
rodič
revize
32d4603f99

+ 7 - 7
src/stylesheets/css/Lungo.layout.css

@@ -1,23 +1,23 @@
 section{position:absolute;left:0px;top:0px;width:100%;height:100%;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms cubic-bezier(0.39, 0.575, 0.565, 1);}section:first-child,section.show{-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}
 section.hide{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
-header,footer{position:absolute;left:0px;width:100%;height:38px;display:block;z-index:2;line-height:38px;}
+header,footer{position:absolute;left:0px;width:100%;height:38px;display:block;z-index:2;line-height:39px;}
 header{top:0px;}
 footer{bottom:0px;}
-header .title,footer .title{margin:0 8px;float:left;z-index:-1;font-size:1.15em;font-weight:bold;}
+header .title,footer .title{margin:0 4px;float:left;z-index:-1;font-size:15px;font-weight:bold;}
 header .title{position:absolute;left:0px;right:0px;text-align:center;display:inline-block;}
 section header a.button,section footer a.button{margin:3px 0 0 1px;}section header a.button:first-of-type,section footer a.button:first-of-type{margin-left:4px;}
 section header a.button:last-child,section footer a.button:last-child{margin-right:4px;}
-nav{height:inherit;text-align:center;}nav a{padding:0 6px;z-index:1000;float:left;line-height:38px;}nav a .icon{position:relative;top:3px;font-size:24px;display:inline-block;}
-nav a img{width:16px;height:16px;top:0px !important;}
+nav{height:inherit;text-align:center;}nav a{padding:0 6px;z-index:1000;float:left;}nav a .icon{position:relative;top:3px;font-size:24px;display:inline-block;}
+nav a img{width:16px;height:16px;top:-1px !important;}
 nav a abbr{position:relative;margin-left:2px;display:none;}
 nav a.current abbr,nav a.active abbr{display:inline;}
 nav .bubble{position:relative;top:-8px;left:-8px;margin-right:-20px;}
 .toolbar{height:48px;display:block;}.toolbar nav{display:block;}
 .toolbar a{padding:0;}
-.toolbar .icon{display:block;top:0px;font-size:2.5em;line-height:48px;}
+.toolbar .icon{display:block;top:0px;font-size:32px;line-height:48px;}
 .toolbar.with-labels .icon{line-height:40px;padding-bottom:8px;}
-.toolbar .bubble{top:-54px;left:6px;}
-.toolbar abbr{position:absolute;top:34px;width:inherit;height:12px;display:block !important;line-height:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
+.toolbar .bubble{top:-52px;left:4px;}
+.toolbar abbr{position:absolute;top:34px;width:inherit;height:11px;margin-left:0px;display:block !important;font-size:11px;line-height:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
 .groupbar{position:absolute;top:39px;height:34px;width:100%;line-height:34px;}.groupbar a{padding:0px;}
 aside{position:absolute;top:0px;bottom:0px;height:auto;width:256px;max-width:256px;opacity:0;z-index:0;}
 aside.show{opacity:1;}

+ 1 - 0
src/stylesheets/css/Lungo.widgets.button.css

@@ -3,3 +3,4 @@ a.button:disabled,a.button.disabled{background:rgba(255, 255, 255, 0.2);color:#9
 a.button .icon{position:relative;top:3px;height:16px;width:16px;font-size:22px;line-height:17px;}
 a.button img{top:0px !important;}
 a.button.big{width:100%;height:40px;padding:0px;margin-bottom:4px;font-size:16px;line-height:42px;}a.button.big .icon{margin-right:4px;font-size:24px;height:18px;width:18px;}
+a.button.big img{}

+ 13 - 11
src/stylesheets/less/Lungo.layout.less

@@ -40,7 +40,7 @@ header, footer  {
 	display: block;
 	
 	z-index: 2;
-	line-height: 38px;
+	line-height: 39px;
 }
 
 header  {
@@ -53,10 +53,10 @@ footer  {
 }
 
 header .title, footer .title  {
-	margin: 0 8px;	
-	float: left;	
+	margin: 0 4px;	
+	float: left;
 	z-index: -1;
-	font-size: 1.15em;
+	font-size: 15px;
 	font-weight: bold;
 }
 
@@ -85,7 +85,7 @@ nav {
 		padding: 0 6px;
 		z-index: 1000;
 		float: left;
-		line-height: 38px;
+		//line-height: 39px;
 		
 		& .icon {
 			position: relative;
@@ -97,7 +97,7 @@ nav {
 		& img {
     		width: 16px;
     		height: 16px;
-    		top: 0px !important;
+    		top: -1px !important;
 		}
 		
 		& abbr {
@@ -126,7 +126,7 @@ nav {
 	& .icon {
     	display: block;
     	top:  0px;
-		font-size: 2.5em;
+    	font-size: 32px;
 		line-height: 48px;
 	}
 	
@@ -136,17 +136,19 @@ nav {
 	}
 	
 	& .bubble {
-    	top:  -54px;
-	    left: 6px;
+    	top:  -52px;
+	    left: 4px;
 	}
 	
 	& abbr {
 		position: absolute;
 		top: 34px;
-    	width: inherit;
-    	height: 12px;
+		width: inherit;
+    	height: 11px;
+		margin-left: 0px;
     	display: block !important;
     	
+    	font-size: 11px;
     	line-height: 12px;
     	    	
     	overflow: hidden;

+ 4 - 0
src/stylesheets/less/Lungo.widgets.button.less

@@ -59,5 +59,9 @@ a.button {
 			height: 18px;
 			width: 18px;
 		}
+		
+		& img {
+			/* TODO */
+		}
 	}
 }