configured properly styes for admin view

This commit is contained in:
jorge-vitrubio 2024-02-28 16:18:23 +01:00
parent b02d072f54
commit 23217498c5
8 changed files with 647 additions and 729 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,8 @@
/////////////////////////////////////////////////////////////////////
// theme for editor admin, import style.sass and apply class before rest of it
// .wp-admin styles
// admin styles
.wp-admin {
.components-button.edit-post-fullscreen-mode-close.has-icon,
@ -14,30 +16,33 @@
}
// editor styles
.edit-post-visual-editor__content-area {
// import theme styles
@import "style";
// apply differences when not rendered properly
:where(.wp-block) {
max-width: 80rem;
}
.black-blocs .wp-block-column a::after {
display:none;
.editor-styles-wrapper {
// import theme styles
@import "style";
// apply differences when not rendered properly
//:where(.wp-block) {
// max-width: 80rem;
//``}
//.black-blocs .wp-block-column a::after {
// display:none;
//}
font-family: $font__main;
h1 {
margin-left: auto;
margin-right: auto;
}
.wp-block-button__link {
//color: $color__black !important;
//background-color: $color__white !important;
//border-radius: 0 !important;
//box-shadow: none !important;
//text-decoration: none !important;
//padding: 0.6em 1em 0.4em !important;
//font-size: inherit !important;
}
}
}
.editor-styles-wrapper .wp-block-button__link {
color: #000 !important;
background-color: #fff !important;
border-radius: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
padding: 0.6em 1em 0.4em !important;
font-size: inherit !important;
}
// modify internal paths to make objects locally available
@import "adminstyles/fonts";
//@import "adminstyles/fonts";
////////////////////////////////////////

View File

@ -10,10 +10,8 @@ input[type="submit"],
background: $color__background-button;
color: $color__white;
line-height: 1;
//padding: 0.6em 1em 0.4em;
padding: 0.5em;
margin: 0;
//text-transform: uppercase;
&:hover {
border-color: $color__border-button-hover;
@ -28,28 +26,6 @@ input[type="submit"],
color: $color__white;
}
}
//.button-more {
// display: inline-block;
// &::after {
// content: "+";
// display: inline-block;
// font-weight: bold;
// text-align: center;
// }
// &:hover::after {
// content: ">";
// }
//}
//.more-link {
// .button-more {
// &::after {
// font-size: 4rem;
// width: 4rem;
// }
// &:hover::after {
// }
// }
//}
.category-faq {
.button-more {
&::before {
@ -58,36 +34,36 @@ input[type="submit"],
}
}
.xarxaprod-search-form {
display: flex;
margin: 0.5rem 0;
.search-field {
padding: 0.5em;
}
.search-submit{
z-index: 10;
margin: 0rem;
border: none;
width: 2.5rem;
height: 2.5rem;
background: none;
cursor: pointer;
font-size: 0px;
}
}
.xarxaprod-search-form {
display: flex;
margin: 0.5rem 0;
.search-field {
padding: 0.5em;
}
.search-submit{
z-index: 10;
margin: 0rem;
border: none;
width: 2.5rem;
height: 2.5rem;
background: none;
cursor: pointer;
font-size: 0px;
}
}
.xarxaprod-icon-search:before {
position: absolute;
padding: 0;
margin: 0.2rem 0 0 -1.5rem;
z-index: 0;
min-width: 2.5rem;
min-height: 2.5rem;
font-size: 2rem;
content: "\26b2";
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.xarxaprod-icon-search:before {
position: absolute;
padding: 0;
margin: 0.2rem 0 0 -1.5rem;
z-index: 0;
min-width: 2.5rem;
min-height: 2.5rem;
font-size: 2rem;
content: "\26b2";
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

View File

@ -136,13 +136,13 @@
display: none;
}
}
.button-more {
width: 100%;
max-width: 11.7em;
&::after {
margin-left: 1rem;
}
}
//.button-more {
// width: 100%;
// max-width: 11.7em;
// &::after {
// margin-left: 1rem;
// }
//}
}
.archive-posts {
// https://stackoverflow.com/questions/47601564/equal-width-columns-in-css-grid#61240964

View File

@ -5,7 +5,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org
Author URI: https://hangar.org
Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
Version: 1.1.1
Version: 1.1.2
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v3 or later

View File

@ -5,7 +5,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org
Author URI: https://hangar.org
Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
Version: 1.1.1
Version: 1.1.2
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v3 or later
@ -1806,15 +1806,6 @@ textarea {
display: none;
}
.xarxaprod-filters .button-more {
width: 100%;
max-width: 11.7em;
}
.xarxaprod-filters .button-more::after {
margin-left: 1rem;
}
.archive-posts {
grid-template-columns: repeat(1, minmax(0, 1fr));
}