@asd20/ui 3.2.582 → 3.2.583

package/package.json

@@ -5,7 +5,7 @@
     "*.scss",
     "*.vue"
   ],
-  "version": "3.2.582",
+  "version": "3.2.583",
   "private": false,
   "license": "MIT",
   "repository": {

package/src/components/templates/Asd20DistrictVideoTemplate/index.vue

@@ -208,18 +208,24 @@ export default {
   margin-top: space(2.25);
 
   .asd20-video-header {
+    &__top {
+      position: absolute;
+    }
     .weather-status-and-translation-container {
       display: flex;
       flex-direction: row;
       align-items: center;
+      margin: space(0.25) 0;
+      justify-content: flex-end;
     }
     .asd20-language-translation {
-      position: absolute;
+      // position: absolute;
       top: 3.5rem;
       right: 0.5rem;
       background: rgba(255, 255, 255, 0.9);
       border-radius: 3rem;
       border: 1px solid var(--website-page__alternate-background-color);
+      margin-left: 0.5rem;
       .asd20-select-input {
         padding: 0.25rem 0.25rem;
         color: currentColor;
@@ -238,12 +244,6 @@ export default {
     .asd20-language-loader {
       order: 1;
     }
-
-    .translation-button-adjust {
-      position: absolute;
-      top: space(1);
-      right: space(0.5);
-    }
     .weather-link {
       text-decoration: none;
       border-radius: 3rem;
@@ -258,33 +258,10 @@ export default {
     }
     .double-notification-wrapper {
       display: flex;
-      flex-direction: row;
-      justify-content: flex-end;
-      align-items: center;
-      flex-wrap: wrap;
+      flex-direction: column;
     }
   }
-  // .asd20-video-header-content {
-  //   position: absolute;
-  //   top: space(2);
-  // }
 }
-// .asd20-notification-group--floating {
-//   .bell {
-//     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
-//     svg {
-//       fill: var(--color__accent) !important;
-//     }
-//     span {
-//       background: var(--color__accent) !important;
-//       top: inherit !important;
-//       right: inherit !important;
-//       width: 1.2rem !important;
-//       height: 1.2rem !important;
-//       font-size: 0.75rem !important;
-//     }
-//   }
-// }
 
 @keyframes slide_left {
   from {
@@ -297,7 +274,7 @@ export default {
   }
 }
 
-@media (min-width: 667px) {
+@media (min-width: 768px) {
   .asd20-district-video-template {
     .asd20-video-header {
       .asd20-language-translation {
@@ -312,17 +289,11 @@ export default {
           --fill-color: var(--color__accent) !important;
         }
       }
-      .translation-button-adjust {
-        position: absolute;
-        top: space(1);
-        right: space(0.5);
-      }
       .double-notification-wrapper {
         justify-content: center;
       }
     }
     .asd20-video-header-content {
-      // position: absolute;
       top: inherit;
       bottom: 0%;
     }
@@ -334,22 +305,8 @@ export default {
     display: block;
     margin-left: space(3);
     margin-top: 0;
-    // .notification-group--floating {
-    //   .bell {
-    //     span {
-    //       background: var(--color__accent);
-    //       top: -0.6em !important;
-    //       right: -0.6em !important;
-    //     }
-    //   }
-    // }
   }
   .asd20-video-header {
-    .translation-button-adjust {
-      position: absolute;
-      top: space(-1) !important;
-      right: space(0) !important;
-    }
     .double-notification-wrapper {
       justify-content: flex-end !important;
     }