bugfix: header inner borders + depreciated .box-button + chat textarea + width of buttons

client.sample.happy-dev.css

@@ -19,6 +19,11 @@
   --color-h1: var(--color-title);
   --color-h2: var(--color-title);
 
+  /* Depreciated */
+  --color-tag-group-text: #9BA0A7;
+  --color-tag-group-border: var(--color-primary);
+  --color-label-dark: var(--color-grey-6);
+
   /* Header's elements */
   --color-header-background: var(--color-white);
   --color-bell: var(--color-complementary-darken);
@@ -139,23 +144,28 @@
 }
 
 /* Button to delete a channel */
-#circle-profile>div>div.desktop-button__end>sib-ac-checker>sib-delete {
+/* box-button is depreciated */
+#circle-profile>div>div.desktop-button__end>sib-ac-checker>sib-delete,
+#circle-profile>div>div.box-button>sib-ac-checker>sib-delete {
   background: var(--color-white);
   border: 1px solid var(--color-complementary);
   color: var(--color-complementary);
 }
 
-#circle-profile>div>div.desktop-button__end>sib-ac-checker>sib-delete>button {
+#circle-profile>div>div.desktop-button__end>sib-ac-checker>sib-delete>button,
+#circle-profile>div>div.box-button>sib-ac-checker>sib-delete>button {
   color: var(--color-complementary);
 }
 
-#circle-profile>div>div.desktop-button__end>sib-ac-checker>sib-delete:hover {
+#circle-profile>div>div.desktop-button__end>sib-ac-checker>sib-delete:hover,
+#circle-profile>div>div.box-button>sib-ac-checker>sib-delete:hover {
   background: var(--color-complementary);
   border: 1px solid var(--color-complementary);
   color: var(--color-white);
 }
 
-#circle-profile>div>div.desktop-button__end>sib-ac-checker>sib-delete:hover>button {
+#circle-profile>div>div.desktop-button__end>sib-ac-checker>sib-delete:hover>button,
+#circle-profile>div>div.box-button>sib-ac-checker>sib-delete:hover>button {
   color: var(--color-white);
 }
 

src/page-admin.pug

@@ -12,7 +12,7 @@ nav.jsRightMenu(role='navigation')
   sib-router(default-route='admin-circles')
     ul
       li.jsOffsiteToggle
-        a Fold menu
+        a Replier le menu
       if (endpoints.users || (endpoints.get && endpoints.get.users))
         sib-route.active-color(name='admin-users')
           li

src/styles/abstracts/_mixins.scss

@@ -8,25 +8,25 @@
 
   @if $type==string {
     @if $min==xs {
-      @media (max-width: 768px) {
+      @media (max-width: 576px) {
         @content;
       }
     }
 
     @else if $min==sm {
-      @media (max-width: 1024px) {
+      @media (max-width: 768px) {
         @content;
       }
     }
 
     @else if $min==md {
-      @media (max-width: 1200px) {
+      @media (max-width: 991px) {
         @content;
       }
     }
 
     @else if $min==lg {
-      @media (min-width: 1201px) {
+      @media (min-width: 992px) {
         @content;
       }
     }

src/styles/base/header.scss

@@ -112,6 +112,11 @@ sib-notifications {
       top: 4.5rem;
       width: 100vw;
 
+      @include breakpoint(md) {
+        border: 0;
+        border-radius: 0;
+      }
+
       @include breakpoint(lg) {
         position: absolute;
         left: auto;

src/styles/base/main.scss

@@ -486,7 +486,6 @@ h5 {
 
 .mobile-vertical-align {
   flex-direction: column;
-  align-items: center;
 
   @include breakpoint(lg) {
     flex-direction: row;

src/styles/base/table.scss

@@ -85,8 +85,8 @@
     color: var(--color-table-header-text);
   }
 
-  >* {
+  >*:not(:last-child) {
-    border-right: 1px solid var(--color-table-border);
+    border-right: 1px solid var(--color-white);
     padding: 2.1rem 0;
     text-align: center;
   }
@@ -98,6 +98,10 @@
   .border {
     border-right: 1px solid var(--color-table-border);
   }
+}
+
+.table-body,
+.table-header {
 
   /* Fix. Could disappear when we can add .class on set fields */
   [name^='cell-1'] {

src/styles/components/chat.scss

@@ -1,6 +1,6 @@
 .chat-view {
   padding: 0;
-  height: calc(100vh);
+  height: calc(100vh - 106px);
   position: relative;
   overflow: hidden;