@asd20/ui 3.2.898 → 3.2.899

package/package.json

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

package/src/components/atoms/Asd20Logo/index.vue

@@ -148,7 +148,7 @@ export default {
     font-size: 0.75rem;
     // text-transform: uppercase;
     opacity: 0.75;
-    text-align: justify;
+    // text-align: justify;
     hr {
       margin: 0.25rem 0;
       padding: 0;

package/src/components/atoms/Asd20SelectInput/index.vue

@@ -126,7 +126,7 @@ $input-reversed-text-color: var(--color__accent-t100);
     border: 0;
     border-radius: 0;
     opacity: 0;
-    background: lightgray;
+    background: rgba(255, 255, 255, 0.9);
     width: 100%;
     cursor: pointer;
     &:focus ~ label {

package/src/components/organisms/Asd20ImageHeader/index.vue

@@ -322,7 +322,7 @@ export default {
       width: max-content;
       background: rgba(255, 255, 255, 0.9);
       border-radius: 3rem;
-      padding: 0 0 0 0.5em;
+      padding: 0 1em 0 0.5em;
       &::v-deep .asd20-select-input {
         color: var(--website-page__foreground-color) !important;
       }

package/src/components/organisms/Asd20NotificationGroup/index.vue

@@ -293,8 +293,8 @@ export default {
     display: flex;
     justify-content: center;
     align-items: center;
-    background: white;
-    color: black;
+    background: #ffffff;
+    color: #000000;
     font-size: 0.375rem;
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0625);
     border-radius: 50%;
@@ -310,7 +310,7 @@ export default {
     svg {
       width: 100%;
       height: 100%;
-      color: hsl(0, 0%, 0%);
+      color: #000000;
       // fill: #80B3C0;
       fill: var(--color__accent);
     }
@@ -324,7 +324,7 @@ export default {
       display: flex;
       justify-content: center;
       align-items: center;
-      background: white;
+      background: #ffffff;
       color: var(--color__primary);
       font-size: 0.75rem;
       font-weight: bold;
@@ -339,7 +339,8 @@ export default {
     align-items: center;
     font-size: 0.85rem;
     z-index: 15;
-
+    background: rgba(0, 0, 0, 0.1);
+    border-radius: 25%;
     font-family: sans-serif;
 
     button {
@@ -358,7 +359,7 @@ export default {
       cursor: pointer;
       outline: none;
       border-radius: 100%;
-      background: rgba(0,0,0, 0.125);
+      background: rgba(0, 0, 0, 0.125);
       &:focus {
         // box-shadow: 0 0 0 2px white;
         // outline: 2px solid white;
@@ -375,7 +376,7 @@ export default {
 
   &--floating .pagination {
     margin-right: 0.5rem;
-    background: rgba(255,255,255,0.85);
+    background: rgba(255, 255, 255, 0.85);
     align-self: stretch;
     margin-right: -2rem;
     // z-index: -1;
@@ -473,9 +474,9 @@ export default {
     top: 1.125rem;
     right: 50%;
     transform: translatex(50%);
-    color: white;
+    color: #ffffff;
     button {
-      fill: white;
+      fill: #ffffff;
     }
   }
   &--banner .notifications {
@@ -531,7 +532,7 @@ export default {
     justify-content: flex-start;
     flex-wrap: wrap;
     order: -2;
-    background: white;
+    background: #ffffff;
   }
 }
 

package/src/components/organisms/Asd20PageHeader/index.vue

@@ -84,7 +84,7 @@
           </div>
           <div v-if="lead" class="asd20-page-header__lead">
             <span v-html="lead"></span>
-            <a v-show="detailLink && !isDetailPage" :href="detailLink">
+            <a v-if="detailLink && !isDetailPage" :href="detailLink">
               {{ detailLinkLabel }}
             </a>
           </div>
@@ -355,7 +355,7 @@ export default {
       width: max-content;
       background: rgba(255, 255, 255, 0.9);
       border-radius: 3rem;
-      padding: 0 0 0 0.5em;
+      padding: 0 1em 0 0.5em;
       &::v-deep .asd20-icon {
         width: 32px !important;
         height: 32px !important;

package/src/components/organisms/Asd20SchoolHomepageHeader/index.vue

@@ -206,6 +206,7 @@ export default {
 
   &__content {
     margin-top: space(2);
+    background: rgba(0, 0, 0, 0.01);
   }
 
   &__lead {