12 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

View File

@@ -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;
}

View File

@@ -126,6 +126,8 @@ This is the generic loader for widgets, maps, components, ...
.CDB-LoaderIcon-path {
stroke: rgba(255, 255, 255, 0.88);
stroke-linecap: round;
stroke-dasharray: 90, 150;
stroke-dashoffset: 0;
animation: dash 1.5s ease-in-out infinite;
stroke-width: 4px;
}
@@ -137,11 +139,16 @@ This is the generic loader for widgets, maps, components, ...
.CDB-LoaderIcon.is-dark .CDB-LoaderIcon-path {
stroke: rgba(0, 0, 0, 0.24);
}
.CDB-LoaderIcon.is-blue .CDB-LoaderIcon-path {
stroke: $cBlue;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}

View File

@@ -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 {

View File

@@ -45,6 +45,10 @@
border: 1px solid $cError;
color: $cError;
}
&.is-gray {
border: 1px solid $cGray;
color: $cGray;
}
}
/* SG

View File

@@ -2,6 +2,7 @@
$cBlue: #1785FB;
$cBlack: #000;
$cWhite: #FFF;
$cGray: #999;
$cMainBg: #2E3C43;
// -- Structure