Forráskód Böngészése

New default style for buttons

@soyjavi 14 éve
szülő
commit
c21ab7d8ae

+ 3 - 3
src/stylesheets/css/Lungo.widgets.button.css

@@ -1,4 +1,4 @@
-a.button{display:inline-block;height:31px;padding:0 9px 0 8px;color:#fff !important;outline:none;background:#5a5a5a;-webkit-user-select:none;user-select:none;font-weight:bold;line-height:32px;text-align:center;text-decoration:none;}a.button:active{background:#4b4b4b;}
+a.button{display:inline-block;height:30px;padding:0 9px 0 8px;color:#fff !important;outline:none;background:#5a5a5a;-webkit-user-select:none;user-select:none;font-weight:bold;line-height:32px;text-align:center;text-decoration:none;}a.button:active,a.button.active{background:#4b4b4b;}
 a.button:disabled,a.button.disabled{background:rgba(255, 255, 255, 0.2);color:#999 !important;}
-a.button .icon{float:left;width:17px;height:30px;font-size:1.5em;line-height:31px;}
-a.button.big{position:relative;height:30px;width:100%;margin-bottom:4px;padding:6px 0;font-size:16px;line-height:31px;}a.button.big .icon{width:20px;height:28px;line-height:32px;margin-left:0.6em;margin-right:-48px;}
+a.button .icon{float:left;font-size:1.5em;line-height:32px;}
+a.button.big{position:relative;width:100%;margin-bottom:4px;padding:6px 0;font-size:16px;line-height:32px;}a.button.big .icon{display:inline-block;float:none;margin-right:4px;line-height:14px;}

+ 12 - 14
src/stylesheets/less/Lungo.widgets.button.less

@@ -11,18 +11,20 @@
 
 a.button {
 	display: inline-block;
-	height: 31px;
+	height: 30px;
 	padding: 0 9px 0 8px;
 	color: #fff !important;
 	outline: none;
-	background: #5a5a5a;	
+	
+	background: #5a5a5a;
+	
 	.user-select(none);
 	font-weight: bold;
 	line-height: 32px;
 	text-align: center; 
 	text-decoration: none;
 
-	&:active { 
+	&:active, &.active { 
 		background: #4b4b4b; 
 	}
 	
@@ -32,29 +34,25 @@ a.button {
 	}
 	
 	& .icon {
-    	float: left;
-		width: 17px;
-		height: 30px;	
+    	float: left;	
 		font-size: 1.5em;
-		line-height: 31px;
+		line-height: 32px;
 	}
 	
 	&.big {
     	position: relative; 
-		height: 30px; 
 		width: 100%; 
 		margin-bottom: 4px;
 		padding: 6px 0;
 		
 		font-size: 16px;
-		line-height: 31px;
+		line-height: 32px;
 		
 		& .icon {
-    		width: 20px;
-			height: 28px;
-			line-height: 32px;
-			margin-left: 0.6em; 
-			margin-right: -48px;    	
+			display: inline-block;
+			float: none;
+			margin-right: 4px;			
+			line-height: 14px;
 		}
 	}
 }