update

2 files changed, 43 insertions, 5 deletions

diff --git a/StoneIsland/platforms/ios/www/css/blogs.css b/StoneIsland/platforms/ios/www/css/blogs.css
index f857db9e..c4b74c19 100755
--- a/StoneIsland/platforms/ios/www/css/blogs.css
+++ b/StoneIsland/platforms/ios/www/css/blogs.css
@@ -186,6 +186,9 @@
   height:100px;
   box-sizing:border-box
 }
+.vscroll .fade-cover {
+  display: none;
+}
 
 /*
 .fade-cover::before {
@@ -264,6 +267,13 @@ ul.links {
   transform-origin: 50% 50%;
   transform: translateZ(0) translateX(-50%) translateY(-50%);
 }
+#archive .menu {
+  position: fixed;
+  display: none;
+}
+#archive.menu .menu {
+  display: block;
+}
 
 .accessible #archive .row .image,
 .accessible #archive .row .text {
@@ -353,6 +363,16 @@ ul.links {
   width: 90%;
 }
 
+.gallery-target {
+  display: none;
+}
+.accessible .gallery-target {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  width: 100vw;
+  height: 52vh;
+}
 .gallery-video-post {
   position:relative;
 }
diff --git a/StoneIsland/platforms/ios/www/css/products.css b/StoneIsland/platforms/ios/www/css/products.css
index 63e9b020..e15e0e54 100755
--- a/StoneIsland/platforms/ios/www/css/products.css
+++ b/StoneIsland/platforms/ios/www/css/products.css
@@ -55,6 +55,7 @@
 }
 
 .gallery .item {
+  display: block;
   width: 100vw;
   height: 52vh;
   background-size: contain;
@@ -93,6 +94,11 @@
   text-align: center;
   width: 100%;
 }
+#closed .closed_target {
+  position: absolute;
+  top: 0; left: 0;
+  width: 100%; height: 100%;
+}
 
 .product .content {
   box-sizing:border-box;
@@ -160,19 +166,31 @@
   display: flex;
   flex-direction: row;
 }
-.product .size-color span {
-  position:relative;
-  box-sizing:border-box;
-  padding: 0 12px;
+.product .size-color > div {
+  position: relative;
+  box-sizing: border-box;
   height: 48px;
   font-size: 1rem;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.product .size-color span.size {
+.product .size-color > div > div.label {
+  padding: 0 12px;
+  max-width: 6rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.product .size-color div.size {
   border-right: 1px solid #444;
 }
+.product .size-color > div > select {
+  position: absolute;
+  top: 0; left: 0;
+  width: 100%; height: 100%;
+  opacity: 0;
+}
 
 .product .price {
   display:table-cell;