Explorar o código

Optimized .indented class

@soyjavi %!s(int64=14) %!d(string=hai) anos
pai
achega
40f174446a

+ 9 - 2
src/stylesheets/css/Lungo.theme.pro.css

@@ -114,8 +114,15 @@ section.aside.onright {
 .list li small, .list li .onright:not(.bubble) {
 .list li small, .list li .onright:not(.bubble) {
   color: #888;
   color: #888;
 }
 }
-.list .indented ul {
-  border: 1px solid #e1e1e1;
+.list.indented li {
+  border-left: solid 1px #e1e1e1;
+  border-right: solid 1px #e1e1e1;
+}
+.list.indented li:first-child {
+  border-top: solid 1px #e1e1e1;
+}
+.list.indented li:last-child {
+  border-bottom: solid 1px  #e1e1e1;
 }
 }
 .list .anchor {
 .list .anchor {
   background: #93d6e7;
   background: #93d6e7;

+ 4 - 5
src/stylesheets/css/Lungo.widgets.css

@@ -2,11 +2,10 @@
 .scroll{overflow:scroll;-webkit-overflow-scrolling:touch;}
 .scroll{overflow:scroll;-webkit-overflow-scrolling:touch;}
 .onleft{float:left;}
 .onleft{float:left;}
 .onright{float:right;}
 .onright{float:right;}
-.indented{width:auto;height:auto;padding:10px 10px 0px;}
-.indented ul{margin-bottom:10px;height:auto;width:inherit;}
-.rounded ul{-webkit-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;background-clip:padding-box;}
-.rounded li:first-child{-webkit-border-radius:4px 4px 0px 0px;border-radius:4px 4px 0px 0px;-webkit-background-clip:padding-box;background-clip:padding-box;}
-.rounded li:last-child{-webkit-border-radius:0px 0px 4px 4px;border-radius:0px 0px 4px 4px;-webkit-background-clip:padding-box;background-clip:padding-box;}
+.indented >*{padding:10px;}
+.indented.rounded ul{-webkit-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;background-clip:padding-box;}
+.indented.rounded li:first-child{-webkit-border-radius:4px 4px 0px 0px;border-radius:4px 4px 0px 0px;-webkit-background-clip:padding-box;background-clip:padding-box;}
+.indented.rounded li:last-child{-webkit-border-radius:0px 0px 4px 4px;border-radius:0px 0px 4px 4px;-webkit-background-clip:padding-box;background-clip:padding-box;}
 .margin-top-4{margin-top:4px;}
 .margin-top-4{margin-top:4px;}
 .hidden{display:none;}
 .hidden{display:none;}
 .semi-opacity{opacity:0.5;}
 .semi-opacity{opacity:0.5;}

+ 1 - 1
src/stylesheets/css/Lungo.widgets.form.css

@@ -1,4 +1,4 @@
-.form,form{width:inherit !important;}
+
 label{font-size:0.8em;line-height:27px;}
 label{font-size:0.8em;line-height:27px;}
 input:not([type=checkbox]),textarea,select{display:inline-block;padding:5px;width:95%;margin-bottom:2px;outline:none;-webkit-appearance:none;border-radius:0px;font-size:15px;line-height:15px;font-weight:bold;-webkit-user-select:text;}
 input:not([type=checkbox]),textarea,select{display:inline-block;padding:5px;width:95%;margin-bottom:2px;outline:none;-webkit-appearance:none;border-radius:0px;font-size:15px;line-height:15px;font-weight:bold;-webkit-user-select:text;}
 input[type=search]{width:86%;}input[type=search] +.button{float:right;padding:0px;width:32px;height:30px;}input[type=search] +.button .icon{font-size:22px !important;line-height:30px;}
 input[type=search]{width:86%;}input[type=search] +.button{float:right;padding:0px;width:32px;height:30px;}input[type=search] +.button .icon{font-size:22px !important;line-height:30px;}

+ 8 - 2
src/stylesheets/less/Lungo.theme.pro.less

@@ -124,7 +124,7 @@ section.aside {
     & li {
     & li {
 		background: #fff;
 		background: #fff;
 		border-bottom: 1px inset #e1e1e1;
 		border-bottom: 1px inset #e1e1e1;
-		
+
 		&:last-child { border-bottom: none; }
 		&:last-child { border-bottom: none; }
 		
 		
 		&.selectable:active {
 		&.selectable:active {
@@ -141,7 +141,13 @@ section.aside {
 		& small, & .onright:not(.bubble) { color: #888; }
 		& small, & .onright:not(.bubble) { color: #888; }
 	} 
 	} 
 		
 		
-	& .indented ul { border: 1px solid #e1e1e1; }
+	&.indented li { 
+		border-left: solid 1px #e1e1e1;
+		border-right: solid 1px #e1e1e1;
+		
+		&:first-child { border-top: solid 1px #e1e1e1; }
+		&:last-child { border-bottom: solid 1px  #e1e1e1; }
+	}
 	
 	
     & .anchor {
     & .anchor {
 		background: @theme-highlight;
 		background: @theme-highlight;

+ 2 - 2
src/stylesheets/less/Lungo.widgets.form.less

@@ -8,8 +8,8 @@
  */
  */
 
 
 @import "mixins.less";
 @import "mixins.less";
-.form, form {
-	width: inherit !important;
+.form {
+	
 }
 }
 
 
 label {
 label {

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

@@ -26,22 +26,20 @@
 .onleft { float: left; }
 .onleft { float: left; }
 
 
 .onright { float: right;}
 .onright { float: right;}
-	
-.indented {
-    width: auto;
-    height: auto;
-	padding: 10px 10px 0px;
-}
 
 
-.indented ul {
-		margin-bottom: 10px;
-		height: auto;
-		width: inherit;
-		
+.indented {
+    & > * {
+    	padding: 10px;
 	}
 	}
-	.rounded ul { .border-radius(4px); }	
-	.rounded li:first-child { .border-radius(4px 4px 0px 0px); }
-	.rounded li:last-child { .border-radius(0px 0px 4px 4px); }
+	
+	&.rounded {
+    	& ul { .border-radius(4px); }
+    	& li {
+    		&:first-child { .border-radius(4px 4px 0px 0px); }
+			&:last-child { .border-radius(0px 0px 4px 4px); }
+		}
+	}
+}
 
 
 .margin-top-4{ margin-top: 4px; }
 .margin-top-4{ margin-top: 4px; }
 /* @end */
 /* @end */