summaryrefslogtreecommitdiff
path: root/www/css
diff options
context:
space:
mode:
authorPliable Pixels <pliablepixels@gmail.com>2016-07-20 15:28:32 -0400
committerPliable Pixels <pliablepixels@gmail.com>2016-07-20 15:28:32 -0400
commitae61921c2afe13fe75f63e9b4d3acde91f372ab7 (patch)
tree3216d09e56cfa550856b06eed491d38a26f6816d /www/css
parentca5ec6140a23f9d506685541241b9de90df3efe6 (diff)
#286 - did I finally resolve it ? Almost ?
Former-commit-id: 1737966892f9f741a0b1827440a0e7cb2ea3e84f
Diffstat (limited to 'www/css')
-rw-r--r--www/css/style.css13
1 files changed, 11 insertions, 2 deletions
diff --git a/www/css/style.css b/www/css/style.css
index 9299d518..1e6627b4 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -93,6 +93,9 @@ ion-popover-view.fit ion-content {
}
+
+
+
/* I am using flexboxes to dynamicall adapt content
in montage view.
Credit: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
@@ -850,6 +853,7 @@ body { font-family: sans-serif; }
border:4px solid #e74c3c;
}
+
.grid-sizer {width:10%; }
.grid-item { width: 20%; }
.grid-item-10 {width: 10%; }
@@ -862,7 +866,11 @@ body { font-family: sans-serif; }
.grid-item-80 { width: 80%; }
.grid-item-90 {width: 90%; }
.grid-item-100 {width:100%; }
-.
+
+
+
+
+
/* clear fix */
.grid:after {
content: '';
@@ -873,7 +881,8 @@ body { font-family: sans-serif; }
.grid-item img {
display: block;
- max-width: 100%;
+ width: 100%;
+ height:auto;
}
/* ---- .grid-item ---- */