N°2847 - FieldSet, MultiColumn, Tab CSS

css/backoffice/components/_field.scss

@@ -3,6 +3,16 @@
  * license     http://opensource.org/licenses/AGPL-3.0
  */
 
+$ibo-field-value--color: $ibo-color-grey-700 !default;
+
+.ibo-field {
+  @extend %ibo-font-ral-nor-150;
+
+  & ~ .ibo-field {
+    margin-top: 10px;
+  }
+}
+
 .ibo-field-large {
   display: inherit;
 
@@ -31,4 +41,5 @@
 .ibo-field-value {
   display: table;
   width: 100%;
+  color: $ibo-field-value--color;
 }

css/backoffice/components/_fieldset.scss

@@ -2,3 +2,20 @@
  * copyright   Copyright (C) 2010-2020 Combodo SARL
  * license     http://opensource.org/licenses/AGPL-3.0
  */
+
+.ibo-fieldset {
+
+  & ~ .ibo-fieldset {
+    margin-top: 20px;
+  }
+}
+
+
+.ibo-fieldset-legend {
+  @extend %ibo-font-ral-med-250;
+}
+
+.ibo-fieldset-legend-separator {
+  height: 2px;
+  background: $ibo-color-grey-500;
+}

css/backoffice/components/_tabcontainer.scss

@@ -2,3 +2,33 @@
  * copyright   Copyright (C) 2010-2020 Combodo SARL
  * license     http://opensource.org/licenses/AGPL-3.0
  */
+
+.ibo-tab-container {
+  //border: 1px solid $ibo-color-grey-400;
+  //border-radius: 5px;
+}
+
+.ibo-tab-header {
+  a {
+    @extend %ibo-font-ral-med-200;
+    color: $ibo-color-grey-700;
+
+    :hover {
+      color: $ibo-color-grey-900;
+    }
+  }
+
+  &.ui-state-active a {
+    color: $ibo-color-blue-800;
+    @extend %ibo-font-ral-bol-200;
+
+    :hover {
+      color: $ibo-color-blue-800;
+    }
+  }
+}
+
+.ibo-tab-content {
+  background: $ibo-color-white-100;
+}
+

css/backoffice/layout/_column.scss

@@ -4,4 +4,9 @@
  */
 
 .ibo-column {
-}
+  min-width: 300px;
+  flex-grow: 1;
+  flex-shrink: 1;
+  padding: 0 20px;
+  flex-basis: 10%;
+}

css/backoffice/layout/_multicolumn.scss

@@ -6,5 +6,5 @@
 .ibo-multi-column {
   width: 100%;
   display: flex;
-  flex-wrap: nowrap;
+  flex-wrap: wrap;
 }