Projet

Général

Profil

0001-css-make-nav-left-to-right-scrollable-61118.patch

Thomas Jund, 26 janvier 2022 15:14

Télécharger (2,29 ko)

Voir les différences: 

Subject: [PATCH] css: make nav left-to-right scrollable (#61118)


 static/caen/_custom.scss      |  2 --
 static/includes/_nav.scss     | 18 +++++++++++++++---
 static/marseille/_custom.scss |  4 +++-
 3 files changed, 18 insertions(+), 6 deletions(-)
static/caen/_custom.scss
192 192 
}
193 193 

  		




  194
  194
  
    
#nav .gru-nav-button {

  		




  195
  
  
    
	z-index: 1002;

  		




  196
  195
  
    
	& + ul {

  		




  197
  
  
    
		z-index: 1001;

  		




  198
  196
  
    
		// subnav 

  		




  199
  197
  
    
		ul li a {

  		




  200
  198
  
    
			padding-left: 20px;

  		












  

    
      static/includes/_nav.scss
    
  





  274
  274
  
    
			position: fixed;

  		




  275
  275
  
    
			left: 4px;

  		




  276
  276
  
    
			border-radius: 0 $nav-border-radius $nav-border-radius 0;

  		




  
  277
  
    
			z-index: 2001;

  		




  277
  278
  
    
		}

  		




  278
  279
  
    

  		




  279
  280
  
    
		& + ul {

  		




  280
  281
  
    
			display: block;

  		




  281
  282
  
    
			overflow: hidden;

  		




  282
  283
  
    
			margin-top: 0;

  		




  
  284
  
    
			background: $nav-mobile-menu-background;

  		




  283
  285
  
    
			@if $responsive-menu == top-to-bottom {

  		




  284
  286
  
    
				height: 0px;

  		




  285
  287
  
    
				border-top: 2px solid $nav-border-color;

  		




  ......




  291
  293
  
    
				position: fixed;

  		




  292
  294
  
    
				top: 0px;

  		




  293
  295
  
    
				left: 0;

  		




  294
  
  
    
				z-index: 100;

  		




  295
  
  
    
				padding-top: calc(20px + #{$nav-menu-side});

  		




  
  296
  
    
				z-index: 2000;

  		




  
  297
  
    
				max-height: 100vh;

  		




  
  298
  
    
				overflow: auto;

  		




  
  299
  
    
				// button cover

  		




  
  300
  
    
				&::before {

  		




  
  301
  
    
					content: "";

  		




  
  302
  
    
					position: sticky;

  		




  
  303
  
    
					display: block;

  		




  
  304
  
    
					top: 0;

  		




  
  305
  
    
					height: calc(20px + #{$nav-menu-side});

  		




  
  306
  
    
					background-color: $nav-mobile-menu-background;

  		




  
  307
  
    
				}

  		




  
  308
  
    

  		




  296
  309
  
    
			}

  		




  297
  310
  
    
			& li {

  		




  298
  311
  
    
				display: block;

  		




  299
  312
  
    
				float: none;

  		




  300
  313
  
    
			}

  		




  301
  314
  
    

  		




  302
  
  
    
			background: $nav-mobile-menu-background;

  		




  303
  315
  
    
			& a {

  		




  304
  316
  
    
				width: 100%;

  		




  305
  317
  
    
				color: $nav-mobile-menu-item-color;

  		












  

    
      static/marseille/_custom.scss
    
  





  74
  74
  
    

  		




  75
  75
  
    
			+ ul {

  		




  76
  76
  
    
				@media ($max-mobile-viewport) {

  		




  77
  
  
    
					padding-top: $header-height;

  		




  78
  77
  
    
					border-right: 2px solid $primary-color;

  		




  
  78
  
    
					&::before {

  		




  
  79
  
    
						height: $header-height;

  		




  
  80
  
    
					}

  		




  79
  81
  
    
				}

  		




  80
  82
  
    
			}

  		




  81
  83
  
    
		}

  		




  82
  
  
    
-