Compare commits

...
Author SHA1 Message Date
elenatorro 5ee0e4fed2 Set default stroke to make it work in IE11 2018-03-22 19:05:32 +01:00
elenatorro 98f9a197e2 Fix spinner for IE11 2018-03-20 18:31:31 +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
5 changed files with 34 additions and 4 deletions
+8
View File
@@ -36,3 +36,11 @@
.CDB-Box-modalHeaderItem--paddingVertical { .CDB-Box-modalHeaderItem--paddingVertical {
padding: $baseSize + 4 0; padding: $baseSize + 4 0;
} }
.CDB-Box-modalOverlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99;
}
+7
View File
@@ -126,6 +126,8 @@ This is the generic loader for widgets, maps, components, ...
.CDB-LoaderIcon-path { .CDB-LoaderIcon-path {
stroke: rgba(255, 255, 255, 0.88); stroke: rgba(255, 255, 255, 0.88);
stroke-linecap: round; stroke-linecap: round;
stroke-dasharray: 90, 150;
stroke-dashoffset: 0;
animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite;
stroke-width: 4px; stroke-width: 4px;
} }
@@ -137,11 +139,16 @@ This is the generic loader for widgets, maps, components, ...
.CDB-LoaderIcon.is-dark .CDB-LoaderIcon-path { .CDB-LoaderIcon.is-dark .CDB-LoaderIcon-path {
stroke: rgba(0, 0, 0, 0.24); stroke: rgba(0, 0, 0, 0.24);
} }
.CDB-LoaderIcon.is-blue .CDB-LoaderIcon-path { .CDB-LoaderIcon.is-blue .CDB-LoaderIcon-path {
stroke: $cBlue; stroke: $cBlue;
} }
@keyframes rotate { @keyframes rotate {
0% {
transform: rotate(0deg);
}
100% { 100% {
transform: rotate(360deg); transform: rotate(360deg);
} }
+14 -4
View File
@@ -159,6 +159,7 @@
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;
border-radius: 0; border-radius: 0;
color: $cBlue; color: $cBlue;
touch-action: manipulation;
&:hover { &:hover {
border-bottom: 2px solid $cBlueHover; border-bottom: 2px solid $cBlueHover;
@@ -184,7 +185,7 @@
} }
.CDB-NavSubmenu { .CDB-NavSubmenu {
border-bottom: 2px solid $cSecondaryLine; border-bottom: 1px solid $cSecondaryLine;
&--inside { &--inside {
position: absolute; position: absolute;
@@ -207,6 +208,7 @@
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;
border-radius: 0; border-radius: 0;
color: $cBlue; color: $cBlue;
touch-action: manipulation;
&:hover { &:hover {
border-bottom: 2px solid $cBlueHover; border-bottom: 2px solid $cBlueHover;
@@ -214,9 +216,17 @@
} }
.CDB-NavSubmenu-item.is-selected .CDB-NavSubmenu-link { .CDB-NavSubmenu-item {
border-bottom: 2px solid $cMainLine; &.is-selected .CDB-NavSubmenu-link {
color: $cMainText; border-bottom: 2px solid $cMainText;
color: $cMainText;
}
&.is-disabled .CDB-NavSubmenu-link {
pointer-events: none;
color: $cHintText;
cursor: default;
}
} }
.CDB-NavSubmenu-status { .CDB-NavSubmenu-status {
+4
View File
@@ -45,6 +45,10 @@
border: 1px solid $cError; border: 1px solid $cError;
color: $cError; color: $cError;
} }
&.is-gray {
border: 1px solid $cGray;
color: $cGray;
}
} }
/* SG /* SG
+1
View File
@@ -2,6 +2,7 @@
$cBlue: #1785FB; $cBlue: #1785FB;
$cBlack: #000; $cBlack: #000;
$cWhite: #FFF; $cWhite: #FFF;
$cGray: #999;
$cMainBg: #2E3C43; $cMainBg: #2E3C43;
// -- Structure // -- Structure