From 0c27cf139a4de8db28ad7d0565a6d8ec686142ee Mon Sep 17 00:00:00 2001 From: Jen Breese Date: Mon, 9 Oct 2023 09:16:57 -0700 Subject: [PATCH] D8CORE-6953: fixes to local task tabs (#720) * D8CORE-6953: fixes to local task tabs in authoring views. --- themes/stanford_basic/dist/css/theme.css | 2 +- .../centered-container/centered-container.twig | 2 +- themes/stanford_basic/src/scss/admin/_menu.scss | 1 + .../src/scss/theme/menu/_local-tasks.scss | 16 ++++++++++++++-- 4 files changed, 17 insertions(+), 4 deletions(-) diff --git a/themes/stanford_basic/dist/css/theme.css b/themes/stanford_basic/dist/css/theme.css index 21abd88cb..68daff3e8 100644 --- a/themes/stanford_basic/dist/css/theme.css +++ b/themes/stanford_basic/dist/css/theme.css @@ -1 +1 @@ -.stanford-basic--outline{outline:0;position:relative;-webkit-transition:outline .5s ease-in-out;transition:outline .5s ease-in-out}.stanford-basic--outline .block--local-tasks{opacity:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.stanford-basic--outline:focus,.stanford-basic--outline:hover{outline:5px solid #89ceff;outline-offset:-5px}.stanford-basic--outline:focus .block--local-tasks,.stanford-basic--outline:hover .block--local-tasks{opacity:1}.block--local-tasks{margin:0 auto 10px;z-index:10}.block--local-tasks li,.block--local-tasks ul{margin:0}.block--local-tasks ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.block--local-tasks.sticky{position:fixed;top:0;width:100%;z-index:15}.block--local-tasks .page-content-label{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.block--local-tasks .edit{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.block--local-tasks .delete{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.block--local-tasks .delete a{font-size:0}.block--local-tasks .delete a:before{padding-right:1em;padding-left:1em;font-family:Font Awesome\ 5 Free;content:"\f2ed";font-size:1.6rem;font-weight:400}@media (min-width:768px){.block--local-tasks .delete a:before{font-size:1.8rem}}@media (min-width:1500px){.block--local-tasks .delete a:before{font-size:1.9rem}}.block--local-tasks .manage-display{margin-left:auto;-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.block--local-tasks .layout,.block--local-tasks .shortcuts{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.block--local-tasks .roles,.block--local-tasks .version-history{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.block--local-tasks .devel{display:none}.block--local-tasks a{padding-top:10px;padding-bottom:10px;font-weight:400;color:#fff;background-color:#006cb8;border-right:1px solid #00548f;border-bottom:1px solid #00548f}.block--local-tasks a.is-active,.block--local-tasks a:focus,.block--local-tasks a:hover{color:#fff;background-color:#00548f}.role--anonymous .stanford-basic--outline{-webkit-transition:none;transition:none}.role--anonymous .stanford-basic--outline:focus,.role--anonymous .stanford-basic--outline:hover{outline:0}.role--anonymous .stanford-basic--outline .block--local-tasks{opacity:1}.role--anonymous .stanford-basic--outline .block--local-tasks.sticky{position:relative}#back-to-top{display:none;position:fixed;bottom:20px;right:20px;text-align:center;border-radius:7px} \ No newline at end of file +.stanford-basic--outline{outline:0;position:relative;-webkit-transition:outline .5s ease-in-out;transition:outline .5s ease-in-out}.stanford-basic--outline .block--local-tasks{opacity:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.stanford-basic--outline:focus,.stanford-basic--outline:hover{outline:5px solid #89ceff;outline-offset:-5px}.stanford-basic--outline:focus .block--local-tasks,.stanford-basic--outline:hover .block--local-tasks{opacity:1}.block--local-tasks{margin:0 auto 10px;z-index:10}.block--local-tasks li,.block--local-tasks ul{margin:0}.block--local-tasks ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;list-style:none;margin-top:15px;padding-left:0}.block--local-tasks ul li{line-height:unset}.block--local-tasks.sticky{position:fixed;top:0;width:100%;z-index:15}.block--local-tasks .page-content-label{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.block--local-tasks .edit{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.block--local-tasks .delete{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.block--local-tasks .delete a:before{padding-right:1em;padding-left:1em;font-family:Font Awesome\ 5 Free;content:"\f2ed";font-size:1.6rem;font-weight:400}@media (min-width:768px){.block--local-tasks .delete a:before{font-size:1.8rem}}@media (min-width:1500px){.block--local-tasks .delete a:before{font-size:1.9rem}}.block--local-tasks .manage-display{margin-left:auto;-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.block--local-tasks .layout,.block--local-tasks .shortcuts{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.block--local-tasks .roles,.block--local-tasks .version-history{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.block--local-tasks .devel{display:none}.block--local-tasks a{padding:15px;font-weight:400;color:#fff;background-color:#006cb8;border-right:1px solid #00548f;border-bottom:1px solid #00548f;text-decoration:none;text-wrap:nowrap}@media (max-width:767px){.block--local-tasks a{padding:10px 5px}}.block--local-tasks a.is-active,.block--local-tasks a:focus,.block--local-tasks a:hover{color:#fff;background-color:#00548f}.role--anonymous .stanford-basic--outline{-webkit-transition:none;transition:none}.role--anonymous .stanford-basic--outline:focus,.role--anonymous .stanford-basic--outline:hover{outline:0}.role--anonymous .stanford-basic--outline .block--local-tasks{opacity:1}.role--anonymous .stanford-basic--outline .block--local-tasks.sticky{position:relative}#back-to-top{display:none;position:fixed;bottom:20px;right:20px;text-align:center;border-radius:7px} \ No newline at end of file diff --git a/themes/stanford_basic/dist/templates/decanter/layout/flex/one-column/centered-container/centered-container.twig b/themes/stanford_basic/dist/templates/decanter/layout/flex/one-column/centered-container/centered-container.twig index ab695e406..d3fd8dca3 100644 --- a/themes/stanford_basic/dist/templates/decanter/layout/flex/one-column/centered-container/centered-container.twig +++ b/themes/stanford_basic/dist/templates/decanter/layout/flex/one-column/centered-container/centered-container.twig @@ -16,7 +16,7 @@ * */ #} - +
{% block body %} {{ content }} diff --git a/themes/stanford_basic/src/scss/admin/_menu.scss b/themes/stanford_basic/src/scss/admin/_menu.scss index 8de818f10..9cc7b7e4c 100644 --- a/themes/stanford_basic/src/scss/admin/_menu.scss +++ b/themes/stanford_basic/src/scss/admin/_menu.scss @@ -53,3 +53,4 @@ a:focus { top: -25px; } } + diff --git a/themes/stanford_basic/src/scss/theme/menu/_local-tasks.scss b/themes/stanford_basic/src/scss/theme/menu/_local-tasks.scss index 48a5fd8d6..af6a7ba89 100644 --- a/themes/stanford_basic/src/scss/theme/menu/_local-tasks.scss +++ b/themes/stanford_basic/src/scss/theme/menu/_local-tasks.scss @@ -33,6 +33,13 @@ ul { display: flex; flex-direction: row; + list-style: none; + margin-top: 15px; + padding-left: 0; + + li { + line-height: unset; + } } &.sticky { @@ -54,7 +61,6 @@ order: 4; a { - font-size: 0; &::before { @include padding(null 1em); @@ -94,12 +100,18 @@ } a { - @include padding(10px null); + @include padding(15px); font-weight: 400; color: $su-color-white; background-color: $su-color-bright-blue; border-right: 1px solid #00548f; border-bottom: 1px solid #00548f; + text-decoration: none; + text-wrap: nowrap; + + @include grid-media-max('sm') { + padding: 10px 5px; + } } a {