Merge branch 'bugfix/share-modal-overflow' into 'devel'

Prevent share modal content from overflowing Closes #1120 See merge request sds-dev/sd-connect/swift-browser-ui!172
CSCfi · Oct 17, 2023 · 2a43431 · 2a43431
2 parents 0db4c8a + 266b371
commit 2a43431
Show file tree

Hide file tree

Showing 5 changed files with 206 additions and 154 deletions.
diff --git a/swift_browser_ui_frontend/src/components/CopyFolderModal.vue b/swift_browser_ui_frontend/src/components/CopyFolderModal.vue
@@ -346,13 +346,13 @@ export default {
   max-height: 75vh;
 }
 
-@media screen and (max-width: 766px), (max-height: 580px) {
+@media screen and (max-width: 767px), (max-height: 580px) {
    .copy-folder {
     top: -5rem;
   }
 }
 
-@media screen and (max-height: 580px) and (max-width: 766px),
+@media screen and (max-height: 580px) and (max-width: 767px),
 (max-width: 525px) {
   .copy-folder {
     top: -9rem;
@@ -362,8 +362,8 @@ export default {
 @media screen and (max-height: 580px) and (max-width: 525px) {
   .copy-folder {
     top: -13rem;
-   }
- }
+  }
+}
 
 c-card-content {
   color: var(--csc-dark);

diff --git a/swift_browser_ui_frontend/src/components/CreateFolderModal.vue b/swift_browser_ui_frontend/src/components/CreateFolderModal.vue
@@ -229,13 +229,13 @@ export default {
   max-height: 75vh;
 }
 
-@media screen and (max-width: 766px), (max-height: 580px) {
+@media screen and (max-width: 767px), (max-height: 580px) {
    .add-folder {
     top: -5rem;
   }
 }
 
-@media screen and (max-height: 580px) and (max-width: 766px),
+@media screen and (max-height: 580px) and (max-width: 767px),
 (max-width: 525px) {
   .add-folder {
     top: -9rem;
@@ -245,8 +245,8 @@ export default {
 @media screen and (max-height: 580px) and (max-width: 525px) {
   .add-folder {
     top: -13rem;
-   }
- }
+  }
+}
 
 c-card-content {
   color: var(--csc-dark);