Commit 170b3f82 authored by Martin Leblanc's avatar Martin Leblanc
Browse files

additional css for the profiles expand collapse and some form action buttons in layout builder

parent 12fd1e09
......@@ -2461,6 +2461,19 @@ form {
font-size: 14.22224px;
}
[data-drupal-selector="edit-moderation-state-wrapper"] {
background-color: #ffebc5;
padding: 1rem;
}
[data-drupal-selector="edit-moderation-state-wrapper"] .form-item-moderation-state-0-current {
font-style: italic;
}
[data-drupal-selector="edit-moderation-state-wrapper"] .form-item-moderation-state-0-current label {
font-size: 16px;
font-style: normal;
margin-bottom: 0;
}
.user-login-form {
margin: 0;
max-width: 35rem;
......@@ -2626,11 +2639,9 @@ textarea {
.uw-site-container .node-confirm-form .form-actions {
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
display: grid;
grid-template-columns: 8rem 8rem 8rem 12rem 10rem;
grid-template-rows: auto;
display: flex;
gap: 1rem;
height: 4rem;
row-gap: 1rem;
}
.uw-site-container .node-uw-ct-web-page-delete-form .form-actions .button,
.uw-site-container .layout-region-node-footer__content .form-actions .button,
......@@ -2664,6 +2675,14 @@ textarea {
.uw-site-container .node-confirm-form .form-actions .form-wrapper input[type="submit"] {
margin-top: 0;
}
.uw-site-container .node-uw-ct-web-page-delete-form .form-actions [data-drupal-selector="edit-preview-toggle"],
.uw-site-container .layout-region-node-footer__content .form-actions [data-drupal-selector="edit-preview-toggle"],
.uw-site-container .node-layout-builder-form .form-actions [data-drupal-selector="edit-preview-toggle"],
.uw-site-container .entity-view-display-layout-builder-form .form-actions [data-drupal-selector="edit-preview-toggle"],
.uw-site-container .layout-builder-discard-changes .form-actions [data-drupal-selector="edit-preview-toggle"],
.uw-site-container .node-confirm-form .form-actions [data-drupal-selector="edit-preview-toggle"] {
order: 10;
}
.uw-site-container .layout-region-node-footer__content .form-actions .button[data-drupal-selector="edit-cancel"] {
margin-left: 0 !important;
......@@ -5097,23 +5116,6 @@ button[disabled] {
color: #fff;
}
.button--cancel,
.button[data-drupal-selector="edit-cancel"],
.button[data-drupal-selector="edit-reset"] {
background-color: #fff;
border-color: #000;
color: #000;
}
.button--cancel:hover,
.button--cancel:focus,
.button[data-drupal-selector="edit-cancel"]:hover,
.button[data-drupal-selector="edit-cancel"]:focus,
.button[data-drupal-selector="edit-reset"]:hover,
.button[data-drupal-selector="edit-reset"]:focus {
background-color: #eee;
color: #757575;
}
.pattern-lab-content .mobile-menu-button,
.pl-c-pattern__extra-toggle {
max-width: inherit;
......@@ -5260,6 +5262,131 @@ button[disabled] {
color: #757575;
}
/* stylelint-disable-next-line selector-max-id */
#drupal-off-canvas {
/* stylelint-disable-next-line selector-max-id */
/* stylelint-disable-next-line selector-max-id */
/* stylelint-disable-next-line selector-max-id, selector-no-qualifying-type */ }
#drupal-off-canvas .button {
background-color: inherit;
background-image: inherit;
border: inherit;
border-color: inherit;
border-radius: inherit;
box-shadow: inherit;
color: inherit;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
height: inherit;
letter-spacing: inherit;
line-height: inherit;
max-width: inherit;
padding: inherit;
text-align: inherit;
text-decoration: inherit;
text-shadow: inherit;
text-transform: inherit;
transition: inherit;
vertical-align: inherit;
white-space: inherit;
width: inherit;
background-color: #000;
background-image: none;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
border-radius: 0;
border-right: 1px solid transparent;
border-top: 1px solid transparent;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "BureauGrotCond Book", impact, "avenir next condensed heavy", "Droid Sans", sans-serif;
font-size: 16px;
font-weight: 200 !important;
line-height: 1.45;
max-width: 10rem;
padding: 0.5rem 1rem;
text-align: center;
text-decoration: none;
text-shadow: none;
transition: background 200ms cubic-bezier(0.4, 0, 1, 1);
vertical-align: top;
white-space: normal;
width: 100%;
}
#drupal-off-canvas .button:visited {
color: inherit;
}
#drupal-off-canvas .button:visited {
color: #fff;
}
#drupal-off-canvas .button:hover,
#drupal-off-canvas .button:focus {
background-color: #eee;
background-image: none;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
box-shadow: none !important;
color: #4e4e4e;
outline: none !important;
text-decoration: none;
}
#drupal-off-canvas .button:active {
background-color: #757575;
background-image: none;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-top: 1px solid transparent;
color: #fff;
outline: none !important;
}
#drupal-off-canvas .button[disabled] {
background-color: #eee;
background-image: none;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-top: 1px solid transparent;
color: #a2a2a2;
cursor: default;
pointer-events: none;
}
#drupal-off-canvas .button[data-drupal-selector="edit-cancel"],
#drupal-off-canvas .button[data-drupal-selector="edit-reset"] {
background-color: #fff;
border-color: #000;
color: #000;
/* stylelint-disable-next-line selector-max-id */
/* stylelint-disable-next-line selector-max-id */ }
#drupal-off-canvas .button[data-drupal-selector="edit-cancel"]:hover,
#drupal-off-canvas .button[data-drupal-selector="edit-reset"]:hover {
background-color: #eee;
border-color: transparent;
color: #757575;
}
#drupal-off-canvas .button[data-drupal-selector="edit-cancel"]:focus,
#drupal-off-canvas .button[data-drupal-selector="edit-reset"]:focus {
background-color: #eee;
border-color: transparent;
color: #757575;
}
#drupal-off-canvas input[type="submit"].button--primary {
background-color: #000 !important;
border: inherit !important;
border-radius: 0 !important;
color: #fff;
margin-top: 0 !important;
padding: 8px 1rem;
/* stylelint-disable-next-line selector-max-id, selector-no-qualifying-type */
/* stylelint-disable-next-line selector-max-id, selector-no-qualifying-type */ }
.uw-cta .neutral .uw-cta__text--big {
color: #787878;
}
......@@ -7679,19 +7806,12 @@ fieldset .fieldset-wrapper > .description,
}
.views-exposed-form .form-actions {
display: flex;
flex-direction: row-reverse;
gap: 2rem;
}
.views-exposed-form .form-actions .button.js-form-submit.form-submit {
font-weight: inherit;
}
.views-exposed-form .form-actions .button.js-form-submit.form-submit[data-drupal-selector="edit-submit-uw-view-blogs"],
.views-exposed-form .form-actions .button.js-form-submit.form-submit[data-drupal-selector="edit-submit-uw-view-events"],
.views-exposed-form .form-actions .button.js-form-submit.form-submit[data-drupal-selector="edit-submit-uw-view-news-items"] {
order: 1;
}
.views-exposed-form .form-actions .button.js-form-submit.form-submit[data-drupal-selector="edit-reset"] {
order: 0;
}
.form-item {
margin: 0 0 1rem;
......@@ -10855,7 +10975,7 @@ html:not(.js) .uw-tab {
}
.uw-tablinks {
border-bottom: 1px solid transparent;
border-bottom: 0.4rem solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-top: 1px solid transparent;
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -11,6 +11,20 @@ form{
font-family:$form-font-family;
font-size: gesso-font-size(-1);
}
[data-drupal-selector="edit-moderation-state-wrapper"]{
background-color:#ffebc5;
padding:1rem;
.form-item-moderation-state-0-current{
font-style:italic;
label{
font-size:gesso-font-size(0);
font-style:normal;
margin-bottom:0;
}
}
}
.user-login-form{
margin:0;
max-width:35rem;
......@@ -85,6 +99,7 @@ label,
font-weight:200;
margin:0 0 rem(gesso-spacing(xxs)) 0;
padding: 0 rem(gesso-spacing(sm));
// Reset the new look on layout pages
.layout-builder-configure-block &,
.node-layout-builder-form &{
padding: 0;
......@@ -203,11 +218,10 @@ textarea {
margin-bottom:1rem ;
}
column-gap: 0.5rem;
display:grid;
grid-template-columns:8rem 8rem 8rem 12rem 10rem;
grid-template-rows:auto;
display:flex;
gap: 1rem;
height:4rem;
row-gap: 1rem;
}
.form-item-toggle-content-preview {
......@@ -220,6 +234,9 @@ textarea {
.form-wrapper input[type="submit"] {
margin-top:0;
}
[data-drupal-selector="edit-preview-toggle"]{
order:10;
}
}
}
......
......@@ -62,20 +62,6 @@
}
}
// Drupal outputs this class on buttons that can delete content.
.button--cancel,
.button[data-drupal-selector="edit-cancel"],
.button[data-drupal-selector="edit-reset"]{
background-color: gesso-color(button, cancel, background);
border-color:gesso-color(button,default,border);
color: gesso-color(button,cancel,text);
&:hover,
&:focus {
background-color: gesso-color(button, cancel, background-hover);
color: gesso-color(button,cancel, text-hover);
}
}
// Css within pattern lab.
.pattern-lab-content .mobile-menu-button,
.pl-c-pattern__extra-toggle{
......@@ -87,6 +73,9 @@
.pl-c-pattern .pl-c-demo .button{
margin: 0 0 rem(gesso-spacing(xs));
}
.button--cancel,
.button[data-drupal-selector="edit-cancel"],
.button[data-drupal-selector="edit-reset"]{
......@@ -122,7 +111,52 @@
}
}
}
/* stylelint-disable-next-line selector-max-id */
#drupal-off-canvas {
/* stylelint-disable-next-line selector-max-id */
.button {
@include button-reset();
@include button();
}
/* stylelint-disable-next-line selector-max-id */
.button[data-drupal-selector="edit-cancel"],
/* stylelint-disable-next-line selector-max-id */
.button[data-drupal-selector="edit-reset"] {
background-color: gesso-color(button, cancel, background);
border-color: gesso-color(button, default, border);
color: gesso-color(button, cancel, text);
/* stylelint-disable-next-line selector-max-id */
&:hover {
background-color: gesso-color(button, cancel, background-hover);
border-color: transparent;
color: gesso-color(button, cancel, text-hover);
}
/* stylelint-disable-next-line selector-max-id */
&:focus {
background-color: gesso-color(button, cancel, background-hover);
border-color: transparent;
color: gesso-color(button, cancel, text-hover);
}
}
/* stylelint-disable-next-line selector-max-id, selector-no-qualifying-type */
input[type="submit"].button--primary {
background-color: gesso-color(button, default, background) !important;
border:inherit !important;
border-radius:0 !important;
color: gesso-color(button,default,text);
margin-top:0 !important;
padding: 8px rem(gesso-spacing(sm));
/* stylelint-disable-next-line selector-max-id, selector-no-qualifying-type */
&:hover{
}
/* stylelint-disable-next-line selector-max-id, selector-no-qualifying-type */
&:focus {
}
}
}
//
//%button, .expandable h2:first-child div[role="button"] {
......
......@@ -9,17 +9,10 @@
padding:0 !important;
.form-actions{
display:flex;
flex-direction:row-reverse;
gap:2rem;
.button.js-form-submit.form-submit{
font-weight:inherit;
&[data-drupal-selector="edit-submit-uw-view-blogs"],
&[data-drupal-selector="edit-submit-uw-view-events"],
&[data-drupal-selector="edit-submit-uw-view-news-items"]{
order:1;
}
&[data-drupal-selector="edit-reset"]{
order:0;
}
}
}
}
......@@ -27,7 +27,7 @@
// button
.uw-tablinks {
border-bottom: 1px solid transparent;
border-bottom: 0.4rem solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-top: 1px solid transparent;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment