Changes

148 bytes added ,  17:18, 28 September 2021
m
FR button styling
Line 26: Line 26:  
     flex: 0 0 100%;
 
     flex: 0 0 100%;
 
     max-width: 100%; }
 
     max-width: 100%; }
 +
  .primary-btn{
 +
    display:none;
 +
  }
 
}
 
}
 
@media screen and (min-width: 576px) {
 
@media screen and (min-width: 576px) {
Line 62: Line 65:  
.navContainer{
 
.navContainer{
 
   width: 100%;
 
   width: 100%;
   height: 100px;
+
   height: 60px;
   overflow: scroll;  
+
   overflow: auto;
 +
  white-space:nowrap;
 
   background-color: #F5F5F5;
 
   background-color: #F5F5F5;
 
}
 
}
Line 71: Line 75:  
.navMenu li{
 
.navMenu li{
 
   border: solid 1px #002D42;
 
   border: solid 1px #002D42;
   float:left;
+
   display: inline-block;
 
   margin: 8px;
 
   margin: 8px;
   border-radius:10px;
+
   border-radius: 10px;
 +
  padding: 8px;
 
}
 
}
 
.navMenu li a{
 
.navMenu li a{
  display: block;
  −
  padding: 8px;
   
   text-decoration: none;
 
   text-decoration: none;
 
}
 
}
.navMenu li a:hover:not(.active) {
+
.navMenu li:hover:not(.active) {
 
   background-color: #CECECE;
 
   background-color: #CECECE;
 
   border-radius:10px;
 
   border-radius:10px;
 
}
 
}
.active {
+
.navMenu .active, .primary-btn {
 
   background-color: #002D42;
 
   background-color: #002D42;
 
}
 
}
.active a{
+
.navMenu .active a, .primary-btn a{
 
   color: white;
 
   color: white;
 +
}
 +
.primary-btn{
 +
  padding:8px 24px;
 +
  border-radius: 10px;
 
}
 
}
    
}}
 
}}
   −
<div class="floatR">  [https://wiki.gccollab.ca/L%E2%80%99accueil_et_l%E2%80%99int%C3%A9gration_pour_cadres FR] </div>  
+
<div class="floatR primary-btn">  [[L%E2%80%99accueil_et_l%E2%80%99int%C3%A9gration_pour_cadres|FR]] </div>  
 
<div role="navigation" class="navContainer">
 
<div role="navigation" class="navContainer">
 
   <ul class="navMenu">
 
   <ul class="navMenu">
233

edits