0001-style-make-header-responsive-for-even-smaller-widths.patch

Frédéric Péters, 05 décembre 2018 17:32

Voir les différences: en ligne côte à côte

Subject: [PATCH] style: make header responsive for even smaller widths
 (#28648)

 gadjo/static/css/gadjo.scss | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

     	overflow: hidden;
     	text-overflow: ellipsis;
     	@include vendor-prefix('transition', 'all ease 200ms');
     	@media screen and (max-width: $mobile-limit) {
     		width: 100%;
     		max-width: calc(100% - #{$sidepage-icon-width} - 21px);
+    	}
     	a {
     		opacity: 0.8;
     		color: inherit;
-...
     			border: 1px solid white;
     			border-width: 2px 2px 0 0;
+    		}
     		@media screen and (max-width: $mobile-limit) {
     			a {
     				display: none;
+    			}
     			a:first-child {
     				display: inline-block;
+    			}
+    		}
+    	}
+    }
-...
     	h1 {
     		// + picture width
     		padding-left: $sidepage-width + $sidepage-left-space + 70px;
     		@media screen and (max-width: $mobile-limit) {
     			max-width: calc(100% - 60px);
+    		}
     		@media screen and (max-width: 380px) {
     			display: none;
+    		}
+    	}
+    }
+    -

Produits Entr'ouvert » Gadjo