OY-4335 Irrotettu hakutoiveen otsikkotietojen ja valintatapajonon gri…

…dit toisistaan Aikaisemmin leveä valintatapajono aiheuttti myös otsikkotietojen valumisen oikealta ulos kapealla ruudulle.
Opetushallitus · Jun 15, 2023 · 09164c9 · 09164c9
1 parent e1f905b
commit 09164c9
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/src/main/js/directives/valintatulos.html b/src/main/js/directives/valintatulos.html
@@ -10,6 +10,9 @@
                 {{ $index + 1 }}
             </div>
         </div>
+
+      <div class="hakutoive-wrapper">
+
         <div class="hakutoive-grid">
             <div class="hakutoive-grid__kuvaus hakutoive-grid__hakutoive-grid-item">
                 <span class="hakutoive-grid__kuvaus--tarjoaja-nimi">{{ hakutoive.tarjoajaNimi }}</span>
@@ -78,6 +81,8 @@
                     </div>
                 </div>
             </div>
+          </div>
+          <div class="hakutoive-grid">
             <div class="hakutoive-grid__valintatapajonon-valintatapa hakutoive-grid__valintatapajono-grid-item hakutoive-grid__valintatapajono-header"
                  ng-if="isJonokohtaisetTulostiedotVisible(hakutoive)">
                 <span class="hakutoive-grid__valintatapajono-grid-text">
@@ -134,6 +139,8 @@
                     {{ getVarasijaDisclaimer(jonokohtainenTulostieto) }}
                 </span>
             </div>
+          </div>
+
         </div>
     </div>
 </div>
diff --git a/src/main/less/hakemuseditori/templates/valintatulos.less b/src/main/less/hakemuseditori/templates/valintatulos.less
@@ -60,6 +60,10 @@
   width: 100%;
 }
 
+.hakutoive-wrapper {
+  width: 100%;
+}
+
 .hakutoive-grid__kuvaus--tarjoaja-nimi {
   font-weight: 600;
 }
@@ -219,7 +223,7 @@
   font-weight: 600;
 }
 
-.hakutoive-grid .hakutoive-grid__valintatapajono-grid-item:nth-child(-n+6) {
+.hakutoive-grid .hakutoive-grid__valintatapajono-grid-item:nth-child(-n+4) {
   border-top: 1px solid #8B99A0;
   margin-top: 10px;
 }
@@ -300,9 +304,13 @@
   .hakutoive__prioriteetti--sticky-container {
     height: 140px;
   }
-  .hakutoive-grid {
+
+  .hakutoive-wrapper {
     flex-basis: 1040px;
     flex-grow: 1;
+  }
+
+  .hakutoive-grid {
     grid-template-columns: auto 150px 150px 415px;
     padding: 10px 35px;
     width: 100%;
@@ -388,7 +396,6 @@
 
   .hakutoive-grid__valintatapajonon-valinnan-tulos {
     grid-column-start: 4;
-    grid-column-end: 6;
     padding-left: 3em;
   }
 }