test ifall vi kan lösa deras problem med vår release (#222)

Vastra-Gotalandsregionen · Mar 16, 2018 · 23e027f · 23e027f
1 parent c151fc9
commit 23e027f
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 17 deletions.
diff --git a/src/app/lists/examples/withexpandablediv/listexamplewithexpandablediv.component.html b/src/app/lists/examples/withexpandablediv/listexamplewithexpandablediv.component.html
@@ -31,9 +31,16 @@ <h2>Lista med expandable divs</h2>
                 <h2>Barn</h2>
               </vgr-expandable-div-header>
               <vgr-expandable-div-content>
-                <span>Förnamn: {{row.firstName}}</span>
-                <br>
-                <span>Efternamn: {{row.lastName}}</span>
+                <vgr-expandable-div [expanded]="true">
+                  <vgr-expandable-div-header>
+                    <h2>Barn barn</h2>
+                  </vgr-expandable-div-header>
+                  <vgr-expandable-div-content>
+                    <span>Förnamn:</span>
+                    <br>
+                    <span>Efternamn: </span>
+                  </vgr-expandable-div-content>
+                </vgr-expandable-div>
               </vgr-expandable-div-content>
             </vgr-expandable-div>
           </vgr-list-item-content>

diff --git a/src/assets/partials/_components.expandableDiv.component.scss b/src/assets/partials/_components.expandableDiv.component.scss
@@ -3,8 +3,8 @@
   display: block;
   min-height: 20px;
   .expandable-div-header {
-    padding-left: $margin--slim;
-    padding-right: $margin--slim;
+    // padding-left: $margin--slim;
+    // padding-right: $margin--slim;
     &:hover {
       @extend .background-color--primary-dimmed;
       cursor: pointer;
@@ -20,11 +20,10 @@
         @extend .chevron-collapsed;
       }
     }
-  }
-  .expandable-div-content {
-    padding-left: $margin--slim;
-    padding-right: $margin--slim;
-  }
+  } // .expandable-div-content {
+  //   padding-left: $margin--slim;
+  //   padding-right: $margin--slim;
+  // }
   &.expandable-div--collapsed {
     .expandable-div-content {
       display: none;
@@ -35,15 +34,14 @@
 @media screen and (min-width: $desktop-width--medium) {
   .expandable-div {
     .expandable-div-header {
-      padding-right: $margin--fat;
-      padding-left: $margin--fat;
+      // padding-right: $margin--fat;
+      // padding-left: $margin--fat;
       .expandable-div-chevron {
         right: $margin--fat;
       }
-    }
-    .expandable-div-content {
-      padding-right: $margin--fat;
-      padding-left: $margin--fat;
-    }
+    } // .expandable-div-content {
+    //   padding-right: $margin--fat;
+    //   padding-left: $margin--fat;
+    // }
   }
 }