portalicious: icon buttons

AB#33097 This one slipped through the cracks with the theming review
global-121 · Jan 29, 2025 · b35c87e · b35c87e
1 parent 2fa2f82
commit b35c87e
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/...faces/Portalicious/src/app/components/page-layout/components/header/header.component.html b/...faces/Portalicious/src/app/components/page-layout/components/header/header.component.html
@@ -9,7 +9,7 @@
       plain
       rounded
       text
-      class="lg:mr-9 [&_button:focus]:bg-white [&_button:not(:hover,:focus)]:text-white"
+      class="lg:mr-9 [&_button:focus]:border-white [&_button:hover]:border-white [&_button]:text-white"
       (click)="sidebarVisible.set(true)"
       [attr.aria-controls]="sidebarVisible() ? 'menu' : null"
       [attr.aria-expanded]="sidebarVisible()"

diff --git a/...query-table/components/query-table-global-search/query-table-global-search.component.html b/...query-table/components/query-table-global-search/query-table-global-search.component.html
@@ -21,8 +21,7 @@
           (click)="filterChange.emit(undefined)"
           text
           severity="contrast"
-          class="absolute end-0 top-1/2 -translate-y-1/2"
-          styleClass="bg-transparent hover:text-purple-700 focus:text-purple-700"
+          class="absolute end-1 top-1/2 -translate-y-1/2"
         />
       }
     </p-iconField>

diff --git a/interfaces/Portalicious/src/styles.scss b/interfaces/Portalicious/src/styles.scss
@@ -98,6 +98,14 @@ body {
         @apply bg-white;
       }
     }
+
+    &.p-button-text {
+      @apply rounded-full;
+
+      &:hover {
+        @apply border-grey-100 bg-transparent text-purple;
+      }
+    }
   }
 
   .p-buttongroup {