feat(admin-ui): reactstrap styling update

GluuFederation · Nov 4, 2022 · cc5bd68 · cc5bd68
1 parent 6ab3cf6
commit cc5bd68
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 2 deletions.
diff --git a/admin-ui/app/styles/main.scss b/admin-ui/app/styles/main.scss
@@ -316,3 +316,29 @@ body {
   font-size: 14px;
   width: 210px;
 }
+
+.form-select {
+  display: block;
+  width: 100%;
+  padding: .375rem 2.25rem .375rem .75rem;
+  -moz-padding-start: calc(0.75rem - 3px);
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  background-color: #fff;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right .75rem center;
+  background-size: 16px 12px;
+  border: 1px solid #ced4da;
+  border-radius: .375rem;
+  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.bg-secondary {
+  color: #FFF;
+}
diff --git a/admin-ui/plugins/auth-server/components/Clients/ClientDetailPage.js b/admin-ui/plugins/auth-server/components/Clients/ClientDetailPage.js
@@ -93,7 +93,7 @@ function ClientDetailPage({ row, scopes }) {
                     {t('options.yes')}
                   </Badge>
                 ) : (
-                  <Badge color="danger">{t('options.no')}</Badge>
+                  <Badge color="secondary">{t('options.no')}</Badge>
                 )}
               </Label>
             </FormGroup>

diff --git a/admin-ui/plugins/auth-server/components/Clients/ClientListPage.js b/admin-ui/plugins/auth-server/components/Clients/ClientListPage.js
@@ -318,7 +318,7 @@ function ClientListPage() {
     if (status) {
       return `primary-${selectedTheme}`
     } else {
-      return 'dimmed'
+      return 'secondary'
     }
   }