Use baseSize instead of hardcoded value

Use fixed height in option-input border
Merge pull request #193 from CartoDB/add-medium-left-space
2018-03-16 09:35:22 +01:00 · 2018-03-14 16:44:03 +01:00 · 2018-03-07 13:38:51 +01:00 · 2018-03-06 17:07:08 +01:00 · 2018-02-08 13:01:04 +01:00 · 2018-02-08 10:54:02 +01:00
8 changed files with 53 additions and 5 deletions
--- a/src/scss/cdb-components/_boxes.scss
+++ b/src/scss/cdb-components/_boxes.scss
@@ -36,3 +36,11 @@
 .CDB-Box-modalHeaderItem--paddingVertical {
  padding: $baseSize + 4 0;
 }
+.CDB-Box-modalOverlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 99;
+}
--- a/src/scss/cdb-components/_menu.scss
+++ b/src/scss/cdb-components/_menu.scss
@@ -159,6 +159,7 @@
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: $cBlue;
+  touch-action: manipulation;

  &:hover {
    border-bottom: 2px solid $cBlueHover;
@@ -184,7 +185,7 @@
 }

 .CDB-NavSubmenu {
-  border-bottom: 2px solid $cSecondaryLine;
+  border-bottom: 1px solid $cSecondaryLine;

  &--inside {
    position: absolute;
@@ -207,6 +208,7 @@
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: $cBlue;
+  touch-action: manipulation;

  &:hover {
    border-bottom: 2px solid $cBlueHover;
@@ -214,9 +216,17 @@
 }


-.CDB-NavSubmenu-item.is-selected .CDB-NavSubmenu-link {
-  border-bottom: 2px solid $cMainLine;
-  color: $cMainText;
+.CDB-NavSubmenu-item {
+  &.is-selected .CDB-NavSubmenu-link {
+    border-bottom: 2px solid $cMainText;
+    color: $cMainText;
+  }
+
+  &.is-disabled .CDB-NavSubmenu-link {
+    pointer-events: none;
+    color: $cHintText;
+    cursor: default;
+  }
 }

 .CDB-NavSubmenu-status {
--- a/src/scss/cdb-components/_tags.scss
+++ b/src/scss/cdb-components/_tags.scss
@@ -45,6 +45,10 @@
    border: 1px solid $cError;
    color: $cError;
  }
+  &.is-gray {
+    border: 1px solid $cGray;
+    color: $cGray;
+  }
 }

 /* SG
--- a/src/scss/cdb-components/forms/_checkbox.scss
+++ b/src/scss/cdb-components/forms/_checkbox.scss
@@ -111,3 +111,14 @@
    opacity: 0;
  }
 }
+
+.CDB-Checkbox:checked:disabled + .CDB-Checkbox-face {
+  border: 1px solid $cSecondaryLine;
+  background: $cThirdBackground;
+
+  &::before,
+  &::after {
+    background: $cAltText;
+    opacity: 1;
+  }
+}
--- a/src/scss/cdb-components/forms/_option-input.scss
+++ b/src/scss/cdb-components/forms/_option-input.scss
@@ -181,7 +181,7 @@
      position: absolute;
      left: -1px;
      width: 1px;
-      height: calc(100% + 2px);
+      height: $baseSize * 4;
      content: '';
    }

--- a/src/scss/cdb-components/shapes/_toogle-arrow.scss
+++ b/src/scss/cdb-components/shapes/_toogle-arrow.scss
@@ -126,6 +126,17 @@ Description
  }
 }

+.CDB-ArrowToogle.is-mini {
+  &::before {
+    left: 3px;
+    width: 6px;
+  }
+  &::after {
+    right: 3px;
+    width: 6px;
+  }
+}
+
 .CDB-ArrowToogle.is-blue {
  &::before {
    background: $cBlue;
--- a/src/scss/cdb-utilities/_helpers.scss
+++ b/src/scss/cdb-utilities/_helpers.scss
@@ -38,6 +38,9 @@
 .u-lSpace--s {
  margin-left: 2px;
 }
+.u-lSpace--m {
+  margin-left: 8px;
+}
 .u-lSpace--xl {
  margin-left: 12px;
 }
--- a/src/scss/cdb-variables/_colors.scss
+++ b/src/scss/cdb-variables/_colors.scss
@@ -2,6 +2,7 @@
 $cBlue: #1785FB;
 $cBlack: #000;
 $cWhite: #FFF;
+$cGray: #999;
 $cMainBg: #2E3C43;

 // -- Structure
Author	SHA1	Message	Date
rubenmoya	007bea85ad	Use baseSize instead of hardcoded value	2018-03-16 09:35:22 +01:00
rubenmoya	e7f9d245c6	Use fixed height in option-input border	2018-03-14 16:44:03 +01:00
Rubén Moya	30d7cf0f99	Merge pull request #193 from CartoDB/add-medium-left-space Add medium left space to utilities	2018-03-07 13:38:51 +01:00
rubenmoya	4c4676798c	Add medium left space to utilities	2018-03-06 17:07:08 +01:00
Rubén Moya	9bd80bea8b	Merge pull request #192 from CartoDB/fix-disabled-checked-checkbox Better color for disabled & checked checkbox	2018-02-08 13:01:04 +01:00
rubenmoya	85928ff84f	🐶	2018-02-08 10:54:02 +01:00
rubenmoya	95ea1a1a1f	Better color for disabled & checked checkbox	2018-02-08 10:48:44 +01:00
Carlos Matallín	d8c5b2fe6d	Merge pull request #191 from CartoDB/arrow-mini add arrow mini	2018-02-06 19:00:14 +01:00
Carlos Matallín	d6c9fb4e8a	arrow mini	2018-02-05 16:33:24 +01:00
Rubén Moya	93bce676d4	Merge pull request #190 from CartoDB/add-gray-color-tags Add is-gray to CDB-Tag	2018-02-05 12:54:31 +01:00
rubenmoya	59df5d293e	Add is-gray to CDB-Tag	2018-02-05 12:36:03 +01:00
Carlos Matallín	9ae61528c8	Merge pull request #189 from CartoDB/apply-touch-manipulation Apply touch-action: manipulation to menu links	2018-01-30 10:48:06 +01:00
jesusbotella	027de5e404	Apply touch-action: manipulation to menu links	2018-01-29 10:00:59 +01:00
Rubén Moya	3d032dcd78	Merge pull request #188 from CartoDB/fix-subnav-styles Fix CDB-NavSubmenu-item border bottom and selected color	2018-01-10 09:37:48 +01:00
rubenmoya	80f573ec30	Fix CDB-NavSubmenu-item border bottom and selected color	2018-01-10 09:04:35 +01:00
Rubén Moya	7fe3e06f3d	Merge pull request #187 from CartoDB/nav-submenu-disabled Add disabled state to NavSubmenu-item	2018-01-09 09:32:25 +01:00
rubenmoya	4b63aebd19	Add disabled state to NavSubmenu-item	2018-01-09 09:19:08 +01:00
Carlos Matallín	bb7a72e40b	Merge pull request #186 from CartoDB/13132-disable-interaction-when-dropdown-is-open Nothing else should be interactive when a dropdown is open	2017-12-26 10:50:53 +01:00
jesusbotella	95f9ea1d75	Add dropdown overlay style	2017-12-22 17:35:46 +01:00