Demo: custom height for cards.

evoluteur · evoluteur · commit 1e99268d3ec1 · 2016-03-21T00:16:58.000-07:00
diff --git a/dist/css/demo.css b/dist/css/demo.css
@@ -142,7 +142,7 @@
 .evo-title2 {
   background-color: #0099cc;
   position: absolute;
-  z-index: 1001;
+  z-index: 1002;
   width: 100%;
   overflow: hidden;
 }
@@ -156,6 +156,7 @@
 @media only screen and (min-width: 900px) {
   .evo-title,
   .evo-title2 {
+    width: calc(100% - 190px);
     top: 0 !important;
     margin-left: 190px;
   }
@@ -165,14 +166,14 @@
   }
 }
 .evo-title {
-  z-index: 1005;
   top: 65px;
   padding: 20px 10px;
   min-height: 120px;
 }
 .evo-title2 {
   top: 65px;
   padding: 5px 10px;
+  z-index: 1001;
 }
 .evo-content {
   padding: 85px 30px 30px;
@@ -462,10 +463,10 @@ h4 {
 /* demo card view*/
 [data-eid="todo"] .evol-cards-body > .panel,
 [data-eid="contact"] .evol-cards-body > .panel {
-  height: 205px !important;
+  height: 145px !important;
 }
 [data-eid="winecellar"] .evol-cards-body > div.panel {
-  height: 272px !important;
+  height: 320px !important;
 }
 [data-eid="comics"] .evol-cards-body > .panel {
   height: 500px !important;
diff --git a/less/demo.less b/less/demo.less
@@ -122,12 +122,12 @@ h1,h2,h3,h4{
 [data-eid="todo"],
 [data-eid="contact"] {
   .evol-cards-body > .panel {
-    height: 205px !important;
+    height: 145px !important;
   }
 }
 [data-eid="winecellar"] .evol-cards-body {
   > div.panel {
-    height: 272px !important;
+    height: 320px !important;
   }
 }
 [data-eid="comics"] {

Original file line number	Diff line number	Diff line change
`@@ -142,7 +142,7 @@`
`142`	`142`	`.evo-title2 {`
`143`	`143`	`background-color: #0099cc;`
`144`	`144`	`position: absolute;`
`145`		`- z-index: 1001;`
	`145`	`+ z-index: 1002;`
`146`	`146`	`width: 100%;`
`147`	`147`	`overflow: hidden;`
`148`	`148`	`}`
`@@ -156,6 +156,7 @@`
`156`	`156`	`@media only screen and (min-width: 900px) {`
`157`	`157`	`.evo-title,`
`158`	`158`	`.evo-title2 {`
	`159`	`+ width: calc(100% - 190px);`
`159`	`160`	`top: 0 !important;`
`160`	`161`	`margin-left: 190px;`
`161`	`162`	`}`
`@@ -165,14 +166,14 @@`
`165`	`166`	`}`
`166`	`167`	`}`
`167`	`168`	`.evo-title {`
`168`		`- z-index: 1005;`
`169`	`169`	`top: 65px;`
`170`	`170`	`padding: 20px 10px;`
`171`	`171`	`min-height: 120px;`
`172`	`172`	`}`
`173`	`173`	`.evo-title2 {`
`174`	`174`	`top: 65px;`
`175`	`175`	`padding: 5px 10px;`
	`176`	`+ z-index: 1001;`
`176`	`177`	`}`
`177`	`178`	`.evo-content {`
`178`	`179`	`padding: 85px 30px 30px;`
`@@ -462,10 +463,10 @@ h4 {`
`462`	`463`	`/* demo card view*/`
`463`	`464`	`[data-eid="todo"] .evol-cards-body > .panel,`
`464`	`465`	`[data-eid="contact"] .evol-cards-body > .panel {`
`465`		`- height: 205px !important;`
	`466`	`+ height: 145px !important;`
`466`	`467`	`}`
`467`	`468`	`[data-eid="winecellar"] .evol-cards-body > div.panel {`
`468`		`- height: 272px !important;`
	`469`	`+ height: 320px !important;`
`469`	`470`	`}`
`470`	`471`	`[data-eid="comics"] .evol-cards-body > .panel {`
`471`	`472`	`height: 500px !important;`
Original file line number	Diff line number	Diff line change
`@@ -122,12 +122,12 @@ h1,h2,h3,h4{`
`122`	`122`	`[data-eid="todo"],`
`123`	`123`	`[data-eid="contact"] {`
`124`	`124`	`.evol-cards-body > .panel {`
`125`		`- height: 205px !important;`
	`125`	`+ height: 145px !important;`
`126`	`126`	`}`
`127`	`127`	`}`
`128`	`128`	`[data-eid="winecellar"] .evol-cards-body {`
`129`	`129`	`> div.panel {`
`130`		`- height: 272px !important;`
	`130`	`+ height: 320px !important;`
`131`	`131`	`}`
`132`	`132`	`}`
`133`	`133`	`[data-eid="comics"] {`