5389: added css fixes

Sine Jespersen · Sine Jespersen · commit 6fedfb243948 · 2022-07-22T13:45:36.000+02:00
diff --git a/src/stories/Library/Forms/checkbox/checkbox.scss b/src/stories/Library/Forms/checkbox/checkbox.scss
@@ -54,7 +54,13 @@
   }
 
   &--hide-visually {
-    @extend .hide-visually !optional;
+    position: absolute;
+    clip: rect(1px, 1px, 1px, 1px);
+    padding: 0;
+    border: 0;
+    height: 1px;
+    width: 1px;
+    overflow: hidden;
   }
 }
 
diff --git a/src/stories/Library/Lists/list-materials/list-materials.scss b/src/stories/Library/Lists/list-materials/list-materials.scss
@@ -2,7 +2,7 @@
   display: flex;
   min-height: 72px;
   padding: 16px;
-  background-color: $c-global-secondary;
+  background-color: $c-text-primary-white;
   justify-content: space-between;
 
   @include breakpoint-s {
@@ -22,8 +22,9 @@
   flex: 1;
 }
 
-.list-materials__selected {
-  background-color: $c-text-primary-white;
+.list-materials--disabled {
+  background-color: $c-global-secondary;
+  cursor: not-allowed;
 }
 
 .list-materials__status {
diff --git a/src/stories/Library/Lists/list-reservation/list-reservation.scss b/src/stories/Library/Lists/list-reservation/list-reservation.scss
@@ -27,7 +27,9 @@ $list-reservation-space-desktop: 24px;
 }
 
 .list-reservation__note-mobile {
-  all: unset;
+  background-color: transparent;
+  align-self: baseline;
+  border: 0;
   display: block;
   margin-top: 4px;
   white-space: break-spaces;
@@ -41,7 +43,9 @@ $list-reservation-space-desktop: 24px;
 }
 
 .list-reservation__note-desktop {
-  all: unset;
+  background-color: transparent;
+  align-self: baseline;
+  border: 0;
   display: none;
   text-decoration: underline;
   @extend .text-small-caption;
diff --git a/src/stories/Library/Modals/modal-details/modal-details.scss b/src/stories/Library/Modals/modal-details/modal-details.scss
@@ -11,6 +11,8 @@ $MODAL_DETAILS_CONTAINER_WIDTH: 1000px;
 }
 
 .modal-details__container {
+  width: 100%;
+  overflow: scroll;
   margin: 0 24px;
   max-width: $MODAL_DETAILS_CONTAINER_WIDTH;
 

Original file line number	Diff line number	Diff line change
`@@ -54,7 +54,13 @@`
`54`	`54`	`}`
`55`	`55`
`56`	`56`	`&--hide-visually {`
`57`		`- @extend .hide-visually !optional;`
	`57`	`+ position: absolute;`
	`58`	`+ clip: rect(1px, 1px, 1px, 1px);`
	`59`	`+ padding: 0;`
	`60`	`+ border: 0;`
	`61`	`+ height: 1px;`
	`62`	`+ width: 1px;`
	`63`	`+ overflow: hidden;`
`58`	`64`	`}`
`59`	`65`	`}`
`60`	`66`
Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,8 @@ $MODAL_DETAILS_CONTAINER_WIDTH: 1000px;`
`11`	`11`	`}`
`12`	`12`
`13`	`13`	`.modal-details__container {`
	`14`	`+ width: 100%;`
	`15`	`+ overflow: scroll;`
`14`	`16`	`margin: 0 24px;`
`15`	`17`	`max-width: $MODAL_DETAILS_CONTAINER_WIDTH;`
`16`	`18`