styled menus, shadows, border boxex, and leaflet

This commit is contained in:
Jorge vitrubio.net 2024-04-01 19:35:54 +02:00
parent a68e86c448
commit ba7db45cc5
8 changed files with 65 additions and 19 deletions

View File

@ -1754,6 +1754,10 @@ Add your custom styles in this file so it is easier to update the theme.
background-color: transparent;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation.toggled .current-menu-item {
position: relative;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation.toggled .current-menu-item > a::after {
display: inline-block;
content: "";
@ -1801,8 +1805,8 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul .menu-item-has-children > ul,
.edit-post-visual-editor__content-area .editor-styles-wrapper .secondary-navigation ul .menu-item-has-children > ul {
background-color: rgba(255, 255, 255, 0.95);
box-shadow: -4px 4px 15px #999;
border-radius: 0.2em;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
border-radius: 0.2rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul ul.sub-menu,
@ -3048,6 +3052,16 @@ Add your custom styles in this file so it is easier to update the theme.
font-size: 2rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associats-map .leaflet-popup-content-wrapper {
border-radius: 0.2rem;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associats-map .leaflet-popup-content-wrapper,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associats-map .leaflet-popup-tip {
box-shadow: none;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -48,4 +48,8 @@ $color__border-button-hover: $color__black-grey;
$color__border-button-focus: $color__black-light;
$color__border-input: $color__black;
$color__border-abbr: $color__grey-dark;
//other
$border__radius: 0.2rem;
$border__line: 0.05em solid $color__black;
$box__shadow: 0 3px 10px rgba(0,0,0,0.2);

View File

@ -48,15 +48,21 @@
.current-menu-ancestor > a::after {
background-color: transparent;
}
.current-menu-item > a::after {
display: inline-block;
content: "";
position: absolute;
left: 0;
top: 2em;
height: 2px;
width: 100%;
background-color: $color__black;
.current-menu-item > a {
//border-bottom: $border__line;
}
.current-menu-item {
position: relative;
> a::after {
display: inline-block;
content: "";
position: absolute;
left: 0;
top: 2em;
height: 2px;
width: 100%;
background-color: $color__black;
}
}
}
}
@ -144,8 +150,8 @@
flex-flow: row;
.menu-item-has-children > ul {
background-color: rgba(255,255,255,0.95);
box-shadow: -4px 4px 15px #999;
border-radius: 0.2em;
box-shadow: $box__shadow;
border-radius: $border__radius;
}
ul.sub-menu {
float: left;
@ -216,7 +222,6 @@
position: absolute;
left: 1em;
bottom: 0.5em;
//min-height: 0.2em;
height: 2px;
width: calc(100% - 2em);
background-color: $color__black;

View File

@ -20,3 +20,12 @@
font-size: $font__size-body*2;
}
}
.xarxaprod-associats-map {
.leaflet-popup-content-wrapper {
border-radius: $border__radius;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
box-shadow: none;
box-shadow: $box__shadow;
}
}

View File

@ -1617,6 +1617,10 @@ textarea {
background-color: transparent;
}
.main-navigation.toggled .current-menu-item {
position: relative;
}
.main-navigation.toggled .current-menu-item > a::after {
display: inline-block;
content: "";
@ -1658,8 +1662,8 @@ textarea {
.main-navigation ul .menu-item-has-children > ul,
.secondary-navigation ul .menu-item-has-children > ul {
background-color: rgba(255, 255, 255, 0.95);
box-shadow: -4px 4px 15px #999;
border-radius: 0.2em;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
border-radius: 0.2rem;
}
.main-navigation ul ul.sub-menu,
@ -2924,6 +2928,16 @@ textarea {
font-size: 2rem;
}
.xarxaprod-associats-map .leaflet-popup-content-wrapper {
border-radius: 0.2rem;
}
.xarxaprod-associats-map .leaflet-popup-content-wrapper,
.xarxaprod-associats-map .leaflet-popup-tip {
box-shadow: none;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

File diff suppressed because one or more lines are too long