xarxaprod
/
xarxaprod-wp-theme
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

styled menus, shadows, border boxex, and leaflet

This commit is contained in:
jorge 2024-04-01 19:35:54 +02:00
parent a68e86c448
commit ba7db45cc5
8 changed files with 65 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
adminstyles.css
View File

@ -1754,6 +1754,10 @@ Add your custom styles in this file so it is easier to update the theme.
background-color: transparent; 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 { .edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation.toggled .current-menu-item > a::after {
display: inline-block; display: inline-block;
content: ""; 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 .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 { .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); background-color: rgba(255, 255, 255, 0.95);
box-shadow: -4px 4px 15px #999; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
border-radius: 0.2em; border-radius: 0.2rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .main-navigation ul ul.sub-menu, .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; 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 { .edit-post-visual-editor__content-area .editor-styles-wrapper .screen-reader-text {
border: 0; border: 0;
clip: rect(1px, 1px, 1px, 1px); clip: rect(1px, 1px, 1px, 1px);

2
adminstyles.css.map
View File

File diff suppressed because one or more lines are too long

2
assets/css/adminstyles.css
View File

File diff suppressed because one or more lines are too long

4
sass/abstracts/variables/_colors.scss
View File

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

13
sass/components/navigation/_navigation.scss
View File

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

9
sass/plugins/leaflet/_leaflet.scss
View File

@ -20,3 +20,12 @@
font-size: $font__size-body*2; 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;
}
}

18
style.css
View File

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

2
style.css.map
View File

File diff suppressed because one or more lines are too long