D8CORE-6953: Additional edits to the editing buttons

SU-SWS · Oct 9, 2023 · 271c1c1 · 271c1c1
1 parent 0c27cf1
commit 271c1c1
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 15 deletions.
diff --git a/themes/stanford_basic/dist/css/theme.css b/themes/stanford_basic/dist/css/theme.css
diff --git a/themes/stanford_basic/src/scss/theme/menu/_local-tasks.scss b/themes/stanford_basic/src/scss/theme/menu/_local-tasks.scss
@@ -3,22 +3,24 @@
 .stanford-basic--outline {
   outline: 0;
   position: relative;
-  transition: outline 0.5s ease-in-out;
 
-  .block--local-tasks {
-    opacity: 0;
-    transition: opacity 0.5s ease-in-out;
-  }
+  // Comment out the bhautton hover show/hide on the edit buttons.
+  // transition: outline 0.5s ease-in-out;
 
-  &:focus,
-  &:hover {
-    outline: 5px solid rgb(137, 206, 255);
-    outline-offset: -5px;
+  // .block--local-tasks {
+  //   opacity: 0;
+  //   transition: opacity 0.5s ease-in-out;
+  // }
 
-    .block--local-tasks {
-      opacity: 1;
-    }
-  }
+  // &:focus,
+  // &:hover {
+  //   outline: 5px solid rgb(137, 206, 255);
+  //   outline-offset: -5px;
+
+  //   .block--local-tasks {
+  //     opacity: 1;
+  //   }
+  // }
 }
 
 .block--local-tasks {
@@ -37,6 +39,11 @@
     margin-top: 15px;
     padding-left: 0;
 
+    @include grid-media-max('sm') {
+      flex-direction: column;
+      margin-top: 8px;
+    }
+
     li {
       line-height: unset;
     }
@@ -60,6 +67,10 @@
   .delete {
     order: 4;
 
+    @include grid-media-max('sm') {
+      order: 7; // Moved to the end when in a block list.
+    }
+
     a {
 
       &::before {
@@ -83,6 +94,10 @@
   .manage-display {
     margin-left: auto;
     order: 5;
+
+    @include grid-media-max('sm') {
+      margin-left: initial;
+    }
   }
 
   .layout,
@@ -110,8 +125,9 @@
     text-wrap: nowrap;
 
     @include grid-media-max('sm') {
-      padding: 10px 5px;
+      display: block;
     }
+
   }
 
   a {