fix(dsp-das): image viewer padding, arrows style. Resource list name …

…css adjustments (DEV-3276) (#1456) Co-authored-by: Julien Schneider <julien.schneider.1991@gmail.com>
dasch-swiss · Feb 13, 2024 · 332f8d5 · 332f8d5
1 parent 3abb8fd
commit 332f8d5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/.../dsp-app/src/app/workspace/resource/representation/still-image/still-image.component.scss b/.../dsp-app/src/app/workspace/resource/representation/still-image/still-image.component.scss
@@ -1,5 +1,5 @@
-@use "../../../../../styles/config" as *;
-@use "../../../../../styles/responsive";
+@use '../../../../../styles/config' as *;
+@use '../../../../../styles/responsive';
 
 :host {
   width: 100%;
@@ -45,6 +45,10 @@
     border-radius: 0 0 8px 8px;
   }
 
+  .mat-mdc-button {
+    color: $white;
+  }
+
   .navigation {
     position: absolute;
     z-index: 1;
@@ -57,6 +61,7 @@
       top: $panel-height;
       &.previous {
         left: 0;
+        top: calc(50% + 2px);
       }
       &.next {
         right: 0;
@@ -67,7 +72,6 @@
         width: $panel-height !important;
         padding: 0 !important;
         min-width: $panel-height !important;
-        color: $white
       }
 
       .mat-mdc-button.full-size:disabled {

diff --git a/apps/dsp-app/src/styles/_elements.scss b/apps/dsp-app/src/styles/_elements.scss
@@ -254,7 +254,7 @@ a,
   display: block;
   position: relative;
   padding: 0;
-  margin-bottom: 10px;
+  margin-bottom: 35px;
 
   &.video,
   &.audio,
@@ -652,9 +652,8 @@ nav.mat-mdc-tab-nav-bar,
 .shorten-long-text {
   text-align: justify;
   white-space: nowrap;
-  overflow: hidden;
   width: 100%;
-  max-height: 42px;
+  max-height: 39px;
   text-overflow: ellipsis;
   display: block;
 }