svn commit: r1784887 - /myfaces/tobago/trunk/tobago-core/src/main/resources/scss/_tobago.scss

[lo...@apache.org]

Author: lofwyr
Date: Wed Mar  1 09:45:50 2017
New Revision: 1784887

URL: http://svn.apache.org/viewvc?rev=1784887&view=rev
Log:
TOBAGO-1706 Improve CSS for components inside flexLayout
* margins for flexLayout are now set to both sides
* this is a more general/robust concept
[developed by hnoeth]

Modified:
    myfaces/tobago/trunk/tobago-core/src/main/resources/scss/_tobago.scss

Modified: myfaces/tobago/trunk/tobago-core/src/main/resources/scss/_tobago.scss
URL: http://svn.apache.org/viewvc/myfaces/tobago/trunk/tobago-core/src/main/resources/scss/_tobago.scss?rev=1784887&r1=1784886&r2=1784887&view=diff
==============================================================================
--- myfaces/tobago/trunk/tobago-core/src/main/resources/scss/_tobago.scss (original)
+++ myfaces/tobago/trunk/tobago-core/src/main/resources/scss/_tobago.scss Wed Mar  1 09:45:50 2017
@@ -121,30 +121,24 @@ body {
     Set the minimal width to zero make flex-layout responsive for the width,
     even if there is overflowing content.
     currently e.g. PRE-code blocks in the demo are too wide. XXX */
+  margin-left: -3px;
+  margin-right: -3px;
 }
 
-.tobago-flexLayout-markup-vertically {
-    flex-direction: column;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
+.tobago-flexLayout > * {
+  margin-left: 3px;
+  margin-right: 3px;
 }
 
-/* XXX this fixes the margin left from .btn:nth-child(n+2), but is ugly */
-.tobago-flexLayout-markup-vertically > .btn:nth-child(n+2) {
-  margin-left: 0 !important;
+.tobago-flexLayout > .tobago-flexLayout {
+  margin-left: 0;
+  margin-right: 0;
 }
 
-.tobago-flexLayout > .form-control:nth-child(n+2),
-.tobago-flexLayout > .btn-group:nth-child(n+2),
-.tobago-flexLayout > .input-group:nth-child(n+2),
-.tobago-flexLayout > .tobago-input-group-outer:nth-child(n+2),
-.tobago-flexLayout > .tobago-out:nth-child(n+2),
-.tobago-flexLayout > .tobago-file:nth-child(n+2),
-.tobago-flexLayout > .tobago-panel:nth-child(n+2),
-.tobago-flexLayout > .tobago-label:nth-child(n+2),
-.tobago-flexLayout > .tobago-selectManyShuttle:nth-child(n+2),
-.tobago-flexLayout > .twitter-typeahead:nth-child(n+2) {
-    margin-left: 5px;
+.tobago-flexLayout-markup-vertically {
+    flex-direction: column;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
 }
 
 .tobago-alignItems-baseline {
@@ -262,6 +256,9 @@ table.tobago-gridLayout > tbody > tr > t
   text-align: right;
 }
 
+.tobago-input-group-outer {
+}
+
 /* link ----------------------------------------------------------- */
 
 .tobago-link {
@@ -869,10 +866,6 @@ fixme: there is a problem with the selec
   margin-left: 5px;
 }
 
-.btn:nth-child(n+2) {
-  margin-left: 5px;
-}
-
 .tobago-button > *:nth-child(n+2),
 .tobago-link > *:nth-child(n+2) {
   margin-left: .4em;