Projet

Général

Profil

0001-templates-introduce-.column-instead-left-right-48515.patch

Thomas Jund, 13 janvier 2021 12:25

Télécharger (13,3 ko)

Voir les différences: 

Subject: [PATCH] templates: introduce .column instead #left & #right (#48515)


 static/couvin/_responsive.scss         |  9 ++--
 static/huy/_responsive.scss            |  9 ++--
 static/imio/_responsive.scss           |  7 ++-
 static/liege-pwa-2019/_custom.scss     |  8 ++--
 static/liege-pwa-2019/_responsive.scss |  9 ++--
 static/liege/_custom.scss              | 63 ++++++++++++--------------
 static/liege/_responsive.scss          |  5 +-
 static/olln/_custom.scss               |  3 +-
 8 files changed, 51 insertions(+), 62 deletions(-)
static/couvin/_responsive.scss
7 7 

  		




  8
  8
  
    
@media handheld, screen and (max-device-width: 480px), screen and (max-width: 480px){

  		




  9
  9
  
    
   /*Homepage*/

  		




  10
  
  
    
   .page-index #content #right,

  		




  11
  
  
    
   .page-index #content #left {

  		




  
  10
  
    
   .page-index #content .column {

  		




  12
  11
  
    
      display: block;

  		




  13
  12
  
    
      max-width: 100%;

  		




  14
  13
  
    
   }

  		




  ......




  16
  15
  
    
      display: block;

  		




  17
  16
  
    
      width: 100%;

  		




  18
  17
  
    
   }

  		




  19
  
  
    
   .page-index #main-content > #content #left .cell:last-child {

  		




  
  18
  
    
   .page-index #main-content > #content .column:first-child .cell:last-child {

  		




  20
  19
  
    
      display: none;

  		




  21
  20
  
    
   }

  		




  22
  
  
    
   .page-index #main-content div#content div#right div#colleft,

  		




  23
  
  
    
   .page-index #main-content div#content div#right div#colright{

  		




  
  21
  
    
   .page-index #main-content div#content div.column:last-child div#colleft,

  		




  
  22
  
    
   .page-index #main-content div#content div.column:last-child div#colright{

  		




  24
  23
  
    
      float:none;

  		




  25
  24
  
    
   }

  		




  26
  25
  
    
   .page-index #main-content > #content #columns .nuagedetag {

  		












  

    
      static/huy/_responsive.scss
    
  





  7
  7
  
    

  		




  8
  8
  
    
@media handheld, screen and (max-device-width: 480px), screen and (max-width: 480px){

  		




  9
  9
  
    
   /*Homepage*/

  		




  10
  
  
    
   .page-index #content #right,

  		




  11
  
  
    
   .page-index #content #left {

  		




  
  10
  
    
   .page-index #content .column {

  		




  12
  11
  
    
      display: block;

  		




  13
  12
  
    
      max-width: 100%;

  		




  14
  13
  
    
   }

  		




  ......




  16
  15
  
    
      display: block;

  		




  17
  16
  
    
      width: 100%;

  		




  18
  17
  
    
   }

  		




  19
  
  
    
   .page-index #main-content > #content #left .cell:last-child {

  		




  
  18
  
    
   .page-index #main-content > #content .column:first-child .cell:last-child {

  		




  20
  19
  
    
      display: none;

  		




  21
  20
  
    
   }

  		




  22
  
  
    
   .page-index #main-content div#content div#right div#colleft,

  		




  23
  
  
    
   .page-index #main-content div#content div#right div#colright{

  		




  
  21
  
    
   .page-index #main-content div#content div.column:last-child div#colleft,

  		




  
  22
  
    
   .page-index #main-content div#content div.column:last-child div#colright{

  		




  24
  23
  
    
      float:none;

  		




  25
  24
  
    
   }

  		




  26
  25
  
    
   .page-index #main-content > #content #columns .nuagedetag {

  		












  

    
      static/imio/_responsive.scss
    
  





  25
  25
  
    
       padding-top: 25px

  		




  26
  26
  
    
   }

  		




  27
  27
  
    
   /*Homepage*/

  		




  28
  
  
    
   .page-index #content #right,

  		




  29
  
  
    
   .page-index #content #left {

  		




  
  28
  
    
   .page-index #content .column {

  		




  30
  29
  
    
      display: block;

  		




  31
  30
  
    
      max-width: 100%;

  		




  32
  31
  
    
   }

  		




  ......




  34
  33
  
    
      display: block;

  		




  35
  34
  
    
      width: 100%;

  		




  36
  35
  
    
   }

  		




  37
  
  
    
   .page-index #main-content div#content div#right div#colleft,

  		




  38
  
  
    
   .page-index #main-content div#content div#right div#colright{

  		




  
  36
  
    
   .page-index #main-content div#content div.column:last-child div#colleft,

  		




  
  37
  
    
   .page-index #main-content div#content div.column:last-child div#colright{

  		




  39
  38
  
    
      float:none;

  		




  40
  39
  
    
   }

  		




  41
  40
  
    
   .page-index #main-content > #content #columns .nuagedetag {

  		












  

    
      static/liege-pwa-2019/_custom.scss
    
  





  245
  245
  
    
    }

  		




  246
  246
  
    

  		




  247
  247
  
    
.authentic-page.account-page #content {

  		




  248
  
  
    
	#left {

  		




  
  248
  
    
	.column:first-child {

  		




  249
  249
  
    
		float: right;

  		




  250
  250
  
    
		width: calc(100% - 350px);

  		




  251
  251
  
    
	}

  		




  252
  
  
    
	#right {

  		




  
  252
  
    
	.column:last-child {

  		




  253
  253
  
    
		float: left;

  		




  254
  254
  
    
		width: 300px;

  		




  255
  255
  
    
	}

  		




  256
  256
  
    
	@media screen and ($max-mobile-viewport) {

  		




  257
  
  
    
		#left, #right {

  		




  
  257
  
    
		.column {

  		




  258
  258
  
    
			float: none;

  		




  259
  259
  
    
			width: auto;

  		




  260
  260
  
    
		}

  		




  ......




  500
  500
  
    
/*END Mise en page "porte-doc..."*/

  		




  501
  501
  
    

  		




  502
  502
  
    
/*Index page*/

  		




  503
  
  
    
div#columns > div#left div.jq_txt_connexion > div > div > h2 {

  		




  
  503
  
    
div#columns > div.column:first-child div.jq_txt_connexion > div > div > h2 {

  		




  504
  504
  
    
    background-color:transparent!important;

  		




  505
  505
  
    
    box-shadow:None!important;

  		




  506
  506
  
    
}

  		












  

    
      static/liege-pwa-2019/_responsive.scss
    
  





  7
  7
  
    

  		




  8
  8
  
    
@media handheld, screen and (max-device-width: 480px), screen and (max-width: 480px){

  		




  9
  9
  
    
   /*Homepage*/

  		




  10
  
  
    
   .page-index #content #right,

  		




  11
  
  
    
   .page-index #content #left {

  		




  
  10
  
    
   .page-index #content .column {

  		




  12
  11
  
    
      display: block;

  		




  13
  12
  
    
      max-width: 100%;

  		




  14
  13
  
    
   }

  		




  ......




  16
  15
  
    
      display: block;

  		




  17
  16
  
    
      width: 100%;

  		




  18
  17
  
    
   }

  		




  19
  
  
    
   .page-index #main-content > #content #left .cell:last-child {

  		




  
  18
  
    
   .page-index #main-content > #content .column:first-child .cell:last-child {

  		




  20
  19
  
    
      display: none;

  		




  21
  20
  
    
   }

  		




  22
  
  
    
   .page-index #main-content div#content div#right div#colleft,

  		




  23
  
  
    
   .page-index #main-content div#content div#right div#colright{

  		




  
  21
  
    
   .page-index #main-content div#content div.column:last-child div#colleft,

  		




  
  22
  
    
   .page-index #main-content div#content div.column:last-child div#colright{

  		




  24
  23
  
    
      float:none;

  		




  25
  24
  
    
   }

  		




  26
  25
  
    
   .page-index #main-content > #content #columns .nuagedetag {

  		












  

    
      static/liege/_custom.scss
    
  





  332
  332
  
    
    }

  		




  333
  333
  
    

  		




  334
  334
  
    
.page-profil #content {

  		




  335
  
  
    
    #left {

  		




  
  335
  
    
    .column:first-child {

  		




  336
  336
  
    
        float: right;

  		




  337
  337
  
    
        width: 73%;

  		




  338
  338
  
    
    }

  		




  339
  
  
    
    #right {

  		




  
  339
  
    
    .column:last-child {

  		




  340
  340
  
    
        float: left;

  		




  341
  341
  
    
        width: 25%;

  		




  342
  342
  
    
    }

  		




  343
  
  
    
    #left, #right {

  		




  
  343
  
    
    .column {

  		




  344
  344
  
    
        #a2-profile {

  		




  345
  345
  
    
            background: linear-gradient(to bottom, #F6F6F6, #F6F6F6 30%, white);

  		




  346
  346
  
    
            margin-right: 0;

  		




  ......




  491
  491
  
    
    width: 12em;

  		




  492
  492
  
    
}

  		




  493
  493
  
    

  		




  494
  
  
    
.page-index #right,

  		




  495
  
  
    
.page-index #left{

  		




  
  494
  
    
.page-index .column {

  		




  496
  495
  
    
    border-collapse:separate;

  		




  497
  496
  
    
    display:table;

  		




  498
  497
  
    
    float:none;

  		




  ......




  558
  557
  
    
    /*background-image: url("images/ic_urbanisme.png");*/

  		




  559
  558
  
    
}

  		




  560
  559
  
    

  		




  561
  
  
    
.page-index div#content div#right div#colleft,

  		




  562
  
  
    
.page-index div#content div#right div#colright,

  		




  563
  
  
    
.page-index div#content div#left div#colleft,

  		




  564
  
  
    
.page-index div#content div#left div#colright{

  		




  
  560
  
    
.page-index div#content div.column div#colleft,

  		




  
  561
  
    
.page-index div#content div.column div#colright {

  		




  565
  562
  
    
    max-width:48%;

  		




  566
  563
  
    
}

  		




  567
  564
  
    

  		




  568
  
  
    
.page-index div#content div#right div#colleft h2,

  		




  569
  
  
    
.page-index div#content div#right div#colright h2,

  		




  570
  
  
    
.page-index div#content div#left div#colleft h2,

  		




  571
  
  
    
.page-index div#content div#left div#colright h2{

  		




  
  565
  
    
.page-index div#content div.column div#colleft h2,

  		




  
  566
  
    
.page-index div#content div.column div#colright h2 {

  		




  572
  567
  
    
   text-align:left;

  		




  573
  568
  
    
}

  		




  574
  569
  
    

  		




  575
  
  
    
.page-index div#content div#right div#colleft,

  		




  576
  
  
    
.page-index div#content div#left div#colleft{

  		




  
  570
  
    
.page-index div#content div.column div#colleft {

  		




  577
  571
  
    
    float: left;

  		




  578
  572
  
    
}

  		




  579
  573
  
    

  		




  580
  
  
    
.page-index  div#content div#right div#colright,

  		




  581
  
  
    
.page-index  div#content div#left div#colright{

  		




  
  574
  
    
.page-index  div#content div.column div#colright{

  		




  582
  575
  
    
    float: right;

  		




  583
  576
  
    
    padding: 1em;

  		




  584
  577
  
    
}

  		




  585
  578
  
    

  		




  586
  
  
    
.page-index #content #right .cell.wcscurrentformscell,

  		




  587
  
  
    
.page-index #content #right .cell.wcscurrentdraftscell {

  		




  
  579
  
    
.page-index #content .column:last-child .cell.wcscurrentformscell,

  		




  
  580
  
    
.page-index #content .column:last-child .cell.wcscurrentdraftscell {

  		




  588
  581
  
    
    display: block;

  		




  589
  582
  
    
    margin-bottom:0;

  		




  590
  583
  
    
    width: 100%;

  		




  591
  584
  
    
}

  		




  592
  585
  
    

  		




  593
  
  
    
.page-index #content #right .cell.wcscurrentformscell {

  		




  
  586
  
    
.page-index #content .column:last-child .cell.wcscurrentformscell {

  		




  594
  587
  
    
    background: #f6f6f6 none repeat scroll 0 0;

  		




  595
  588
  
    
    border-bottom: medium none;

  		




  596
  589
  
    
    padding-bottom: 2em;

  		




  597
  590
  
    
}

  		




  598
  
  
    
.page-index #content #right .cell.wcscurrentdraftscell  {

  		




  
  591
  
    
.page-index #content .column:last-child .cell.wcscurrentdraftscell  {

  		




  599
  592
  
    
    min-height:165px;

  		




  600
  593
  
    
}

  		




  601
  594
  
    

  		




  ......




  666
  659
  
    
/* END correct a bug in first eId connexion with profile form */

  		




  667
  660
  
    

  		




  668
  661
  
    
/* Skin page d'accueil */

  		




  669
  
  
    
.page-index #main-content > #content #left .cell:nth-child(2){

  		




  
  662
  
    
.page-index #main-content > #content .column:first-child .cell:nth-child(2){

  		




  670
  663
  
    
    border:1px solid #BE0D67;

  		




  671
  664
  
    
    border-radius: 10px;

  		




  672
  665
  
    
}

  		




  673
  666
  
    

  		




  674
  
  
    
.page-index #main-content > #content #left .cell:nth-child(2) h2 {

  		




  
  667
  
    
.page-index #main-content > #content .column:first-child .cell:nth-child(2) h2 {

  		




  675
  668
  
    
    /*background: #be0d67 none repeat scroll 0 0;*/

  		




  676
  669
  
    
    border-radius: 0;

  		




  677
  670
  
    
    /*box-shadow: 1px 0 5px rgba(0, 0, 0, 0.21);*/

  		




  ......




  683
  676
  
    
    text-align: center;

  		




  684
  677
  
    
}

  		




  685
  678
  
    

  		




  686
  
  
    
.page-index #main-content > #content #left div.following_code_connected h2 {

  		




  
  679
  
    
.page-index #main-content > #content .column:first-child div.following_code_connected h2 {

  		




  687
  680
  
    
    color:#be0d67;

  		




  688
  681
  
    
    background: transparent;

  		




  689
  682
  
    
    display: inherit;

  		




  ......




  694
  687
  
    
}

  		




  695
  688
  
    

  		




  696
  689
  
    
/*

  		




  697
  
  
    
.page-index #main-content > #content #left .cell:nth-child(2) .wcs-tracking-code-input h2{

  		




  
  690
  
    
.page-index #main-content > #content .column:first-child .cell:nth-child(2) .wcs-tracking-code-input h2{

  		




  698
  691
  
    
    background: transparent;

  		




  699
  692
  
    
    display: inherit;

  		




  700
  693
  
    
    text-transform: uppercase;

  		




  ......




  705
  698
  
    

  		




  706
  699
  
    

  		




  707
  700
  
    

  		




  708
  
  
    
.page-index #main-content > #content #left .cell:nth-child(2) .wcs-tracking-code-input p:nth-child(2n+1) {

  		




  
  701
  
    
.page-index #main-content > #content .column:first-child .cell:nth-child(2) .wcs-tracking-code-input p:nth-child(2n+1) {

  		




  709
  702
  
    
    margin: 2ex 0;

  		




  710
  703
  
    
}

  		




  711
  
  
    
.page-index #main-content > #content #left .cell:nth-child(2) .wcs-tracking-code-input{

  		




  
  704
  
    
.page-index #main-content > #content .column:first-child .cell:nth-child(2) .wcs-tracking-code-input{

  		




  712
  705
  
    
    border:none;

  		




  713
  706
  
    
    border-radius: 0;

  		




  714
  707
  
    
}

  		




  715
  
  
    
.page-index #main-content > #content #left .cell:nth-child(2) .wcs-tracking-code-input h2:hover {

  		




  
  708
  
    
.page-index #main-content > #content .column:first-child .cell:nth-child(2) .wcs-tracking-code-input h2:hover {

  		




  716
  709
  
    
    box-shadow: inherit;

  		




  717
  710
  
    
}

  		




  718
  
  
    
.page-index #main-content > #content #left .cell:nth-child(2) h2:hover {

  		




  
  711
  
    
.page-index #main-content > #content .column:first-child .cell:nth-child(2) h2:hover {

  		




  719
  712
  
    
    box-shadow: 0px 0px 5px #777;

  		




  720
  713
  
    
}

  		




  721
  
  
    
.page-index #main-content > #content #left .cell:nth-child(2) h2 a{

  		




  
  714
  
    
.page-index #main-content > #content .column:first-child .cell:nth-child(2) h2 a{

  		




  722
  715
  
    
    color: #fff;

  		




  723
  716
  
    
}

  		




  724
  
  
    
.page-index #main-content > #content #left .cell:nth-child(2) p:first-child {

  		




  
  717
  
    
.page-index #main-content > #content .column:first-child .cell:nth-child(2) p:first-child {

  		




  725
  718
  
    
    margin-bottom: 2ex;

  		




  726
  719
  
    
}

  		




  727
  
  
    
.page-index #main-content > #content #left .cell:nth-child(2) p:nth-child(2n+2)::after {

  		




  
  720
  
    
.page-index #main-content > #content .column:first-child .cell:nth-child(2) p:nth-child(2n+2)::after {

  		




  728
  721
  
    
    content: "↳";

  		




  729
  722
  
    
    display: block;

  		




  730
  723
  
    
    font-size: 127%;

  		




  731
  724
  
    
}

  		




  732
  725
  
    
/*No ↳ in lists' last child */

  		




  733
  
  
    
.page-index #main-content > #content #left .cell:nth-child(2) p:last-child::after {

  		




  
  726
  
    
.page-index #main-content > #content .column:first-child .cell:nth-child(2) p:last-child::after {

  		




  734
  727
  
    
        content: inherit;

  		




  735
  728
  
    
}

  		




  736
  729
  
    
/*END No ↳ in lists' last child */

  		




  737
  730
  
    

  		




  738
  
  
    
.page-index #main-content > #content #left .cell:nth-child(2) p:nth-child(2n+1) {

  		




  
  731
  
    
.page-index #main-content > #content .column:first-child .cell:nth-child(2) p:nth-child(2n+1) {

  		




  739
  732
  
    
    margin: -3ex 0ex 2ex 4ex;

  		




  740
  733
  
    
}

  		




  741
  734
  
    

  		




  ......




  787
  780
  
    

  		




  788
  781
  
    

  		




  789
  782
  
    
/*Index page*/

  		




  790
  
  
    
div#columns > div#left div.jq_txt_connexion > div > div > h2 {

  		




  
  783
  
    
div#columns > div.column:first-child div.jq_txt_connexion > div > div > h2 {

  		




  791
  784
  
    
    background-color:transparent!important;

  		




  792
  785
  
    
    box-shadow:None!important;

  		




  793
  786
  
    
}

  		












  

    
      static/liege/_responsive.scss
    
  





  7
  7
  
    

  		




  8
  8
  
    
@media handheld, screen and (max-device-width: 480px), screen and (max-width: 480px){

  		




  9
  9
  
    
   /*Homepage*/

  		




  10
  
  
    
   .page-index #content #right,

  		




  11
  
  
    
   .page-index #content #left {

  		




  
  10
  
    
   .page-index #content .column {

  		




  12
  11
  
    
      display: block;

  		




  13
  12
  
    
      max-width: 100%;

  		




  14
  13
  
    
   }

  		




  ......




  16
  15
  
    
      display: block;

  		




  17
  16
  
    
      width: 100%;

  		




  18
  17
  
    
   }

  		




  19
  
  
    
   .page-index #main-content > #content #left .cell:last-child {

  		




  
  18
  
    
   .page-index #main-content > #content .column:first-child .cell:last-child {

  		




  20
  19
  
    
      display: none;

  		




  21
  20
  
    
   }

  		




  22
  21
  
    
   .page-index #main-content div#content div#right div#colleft,

  		












  

    
      static/olln/_custom.scss
    
  





  1
  1
  
    
@charset "UTF-8";

  		




  2
  2
  
    

  		




  3
  3
  
    
/* SUP-9860 olln wantssolid border so it needs spacing*/

  		




  4
  
  
    
div#services > ul > li, div#left div.a2-block, div#right div.a2-block, .gru-content div.cell, div.block {

  		




  
  4
  
    
div#services > ul > li,

  		




  
  5
  
    
div.column div.a2-block, .gru-content div.cell, div.block {

  		




  5
  6
  
    
    padding: 15px;

  		




  6
  7
  
    
    margin-bottom: 10px;	

  		




  7
  8
  
    
}

  		




  8
  
  
    
-