console: Remove unnecessary styles

TheThingsNetwork · Jan 17, 2024 · 9ee472f · 9ee472f
1 parent e6b5607
commit 9ee472f
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 24 deletions.
diff --git a/pkg/webui/components/header/header.styl b/pkg/webui/components/header/header.styl
@@ -27,7 +27,7 @@
 
   .notifications-dropdown
     max-width: 31rem
-    width: 31rem
+    width: 31rem // Avoids flash of small container when dropdown is opened
     padding: 0
 
 .logo

diff --git a/pkg/webui/console/containers/header/header.styl b/pkg/webui/console/containers/header/header.styl
@@ -16,7 +16,7 @@
   font-size: $fs.l
   padding: 1.5rem 1.25rem
   border-bottom: 1px solid $c.grey-200
-  margin-bottom: 0 !important
+  margin-bottom: 0
   font-weight: $fw.bold
 
 .link

diff --git a/pkg/webui/console/containers/header/notifications-dropdown.js b/pkg/webui/console/containers/header/notifications-dropdown.js
@@ -73,12 +73,12 @@ const NotificationsDropdown = () => {
 
   return (
     <React.Fragment>
-      <li className={style.header}>
+      <div className={style.header}>
         <span>
           <Message content={sharedMessages.notifications} />{' '}
           <Message className="c-grey-500 fw-normal fs-m" content={`(${totalNotifications})`} />
         </span>
-      </li>
+      </div>
       {notificationItems.map(notification => (
         <Link
           to="/notifications"

diff --git a/pkg/webui/console/containers/notifications/notifications.styl b/pkg/webui/console/containers/notifications/notifications.styl
@@ -69,13 +69,13 @@
     gap: $cs.s
 
     +media-query($bp.s)
-      max-width: fit-content !important
+      max-width: fit-content
 
   &-title
     font-weight: $fwv2.semibold
 
     +media-query($bp.s)
-      max-width: 70% !important
+      max-width: 70%
 
   .back-button
     display: none
@@ -155,7 +155,7 @@
   +media-query($bp.s)
     display: none
     height: 88vh
-    margin: 0 !important
+    margin: 0
 
   &.notification-selected
     +media-query($bp.s)

diff --git a/pkg/webui/console/views/notifications/notifications.styl b/pkg/webui/console/views/notifications/notifications.styl