rwd calendar fixed

smaller font for products category fixed scene overflow in multidot
cyfronet-fid · Feb 11, 2021 · 444a0ea · 444a0ea
1 parent 40502a2
commit 444a0ea
Show file tree

Hide file tree

Showing 10 changed files with 143 additions and 5 deletions.
diff --git a/s4e-web/package-lock.json b/s4e-web/package-lock.json
diff --git a/s4e-web/src/app/views/map-view/sentinel-search/search-results/search-results.component.scss b/s4e-web/src/app/views/map-view/sentinel-search/search-results/search-results.component.scss
@@ -87,6 +87,7 @@
 
   &__package {
     margin: 5px 0 10px 0;
+    word-wrap: break-word;
 
     * {
       margin-right: 3px;

diff --git a/s4e-web/src/app/views/map-view/sentinel-search/sentinel-search.component.html b/s4e-web/src/app/views/map-view/sentinel-search/sentinel-search.component.html
@@ -18,7 +18,8 @@
 <div *ngIf="!(loadingMetadata$ | async); else metadataLoadingRef">
   <form [formGroup]="form" class="form form--sentinel">
     <div class="infobox infobox--poligon" i18>
-      Możesz zawęzić obszar w którym chcesz szukać danych Sentinel. Wyznacz punkty klikając dowolnym przyciskiem myszy.
+      Możesz zawęzić obszar w którym chcesz szukać danych Sentinel. Wyznacz punkty klikając
+        dowolnym przyciskiem myszy.
     </div>
     <ul>
       <li>

diff --git a/s4e-web/src/app/views/map-view/timeline/timeline.component.scss b/s4e-web/src/app/views/map-view/timeline/timeline.component.scss
@@ -2,7 +2,7 @@
  * Copyright 2021 ACC Cyfronet AGH
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
+ * you m§ay not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *
  *     https://www.apache.org/licenses/LICENSE-2.0

diff --git a/s4e-web/src/app/views/map-view/user-dropdown/user-dropdown.component.html b/s4e-web/src/app/views/map-view/user-dropdown/user-dropdown.component.html
@@ -17,7 +17,9 @@
 
 <div class="dropdown__content dropdown__content--login" data-e2e="options-dropdown">
   <div class="dropdown__header">
-    <img src="/assets/images/logo_s4e_color.png" width="60" i18n-alt alt="Logo Sat4Envi"/>
+    <a href="https://sat4envi.imgw.pl">
+      <img src="/assets/images/logo_s4e_color.png" width="60" i18n-alt alt="Logo Sat4Envi"/>
+    </a>
   </div>
   <div class="dropdown__close" (click)="toggleLoginOptions.emit(false)"></div>
   <section>

diff --git a/s4e-web/src/scss/_common.scss b/s4e-web/src/scss/_common.scss
@@ -554,6 +554,7 @@ input.checkbox-slide:checked + .slider:after
     background: $color-white;
     font-weight: 500;
     line-height: 1rem;
+    padding-left: 75px;
 
     &:before {
       position: absolute;

diff --git a/s4e-web/src/scss/_rwd_phone.scss b/s4e-web/src/scss/_rwd_phone.scss
@@ -50,6 +50,10 @@
     top: 100px;
     left: 0;
     right: 0;
+
+    .search-results {
+      width: 100% !important;
+    }
   }
 
 
@@ -111,6 +115,8 @@
   }
 
 
+
+
   /* TIMELINE */
   .timeline {
       width: 100%;
@@ -298,6 +304,12 @@
 
 /* MODALS */
 
+  .modal-footer {
+    button {
+      margin-bottom: 10px;
+    }
+  }
+
   .s4e-modal-body.report {
     flex-direction: column-reverse;
 
@@ -325,4 +337,5 @@
   }
 
 
+
 }
diff --git a/s4e-web/src/scss/_rwd_varia.scss b/s4e-web/src/scss/_rwd_varia.scss
@@ -43,7 +43,40 @@
  }
 }
 
-@media screen and (max-resolution: 90dpi) {
-  body {transform: scale(0.8);transform-origin:top left;width: 125%;height: 125%;}
+@media (max-width: 700px) {
+  .cdk-overlay-pane {
+    left: calc(50% - 155px) !important;
+    bottom: 90px !important;
+    right: auto !important;
+  }
+}
+
+@media (max-width: 550px) {
+  .modal-footer {
+    button {
+      width: 100%;
+    }
+  }
+}
+
+@media (max-width: 467px) {
+  .search-result {
+    &__quicklook {
+      margin-bottom: 10px;
+    }
+
+    &__content {
+      flex-wrap: wrap;
+
+    &__details {
+      margin-right: 5px !important;
+    }
+    }
+  }
 }
 
+//
+//@media screen and (max-resolution: 90dpi) {
+//  body {transform: scale(0.8);transform-origin:top left;width: 125%;height: 125%;}
+//}
+
diff --git a/s4e-web/src/scss/_sidebar.scss b/s4e-web/src/scss/_sidebar.scss
@@ -204,6 +204,10 @@
     border-bottom: 1px solid $color-grey-secondary;
     position: relative;
 
+    //&.down {
+    //  border-radius: $border-radius-default;
+    //}
+
     .products__toggle {
       top: 10px;
       width: calc(100% - 35px);
@@ -240,6 +244,7 @@
 
     p {
       margin: 0 20px 0 15px;
+      font-size: 0.85rem;
     }
   }
 

diff --git a/s4e-web/src/scss/_timeline.scss b/s4e-web/src/scss/_timeline.scss
@@ -316,6 +316,11 @@
             margin: 2px 0 8px 0;
           }
 
+          ul {
+            overflow-x: auto;
+            max-height: 50vh;
+          }
+
           li {
             padding: 5px;
             background-color: $color-white;
@@ -330,6 +335,10 @@
               padding: 4px;
             }
 
+            &:last-child {
+              margin-bottom: 0;
+            }
+
           }
 
           &:after {