Merge pull request #2651 from objectcomputing/hard-coded-css-backgrou…

…nd-colors Hard coded css background colors
objectcomputing · Oct 21, 2024 · 4f35e49 · 4f35e49
2 parents 7cb3342 + 66a5533
commit 4f35e49
Show file tree

Hide file tree

Showing 6 changed files with 5 additions and 87 deletions.
diff --git a/web-ui/src/components/admin/users/Users.css b/web-ui/src/components/admin/users/Users.css
@@ -4,44 +4,6 @@
   justify-content: flex-end;
 }
 
-.add-member-modal {
-  position: absolute;
-  min-width: 400px;
-  max-width: 600px;
-  background-color: #fff;
-  top: 50%;
-  left: 50%;
-  padding: 0.5rem;
-  transform: translate(-50%, -50%);
-  border: 2px solid #fff;
-}
-
-.add-member-modal h2 {
-  margin-block-end: 0rem;
-  margin-left: 0.5rem;
-}
-
-.add-member-modal-actions {
-  margin-top: 1rem;
-  width: calc(100% - 1rem);
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-}
-
-.add-member-modal .MuiTextField-root.fullWidth {
-  width: calc(100% - 1rem);
-}
-
-.add-member-modal .MuiTextField-root.halfWidth {
-  width: calc(50% - 0.5rem);
-}
-
-.add-member-modal .MuiTextField-root {
-  margin: 0.5rem;
-  width: 25ch;
-}
-
 .user-page {
   padding: 12px;
 }
diff --git a/web-ui/src/components/edit_skills/EditSkills.css b/web-ui/src/components/edit_skills/EditSkills.css
@@ -2,7 +2,7 @@
   position: absolute;
   min-width: 400px;
   max-width: 600px;
-  background-color: #fff;
+  background-color: var(--checkins-palette-background-default);
   top: 50%;
   left: 50%;
   padding: 0.5rem;
@@ -40,7 +40,7 @@
   position: absolute;
   min-width: 400px;
   max-width: 600px;
-  background-color: #fff;
+  background-color: var(--checkins-palette-background-default);
   top: 50%;
   left: 50%;
   padding: 0.5rem;

diff --git a/web-ui/src/components/skills/SkillSection.css b/web-ui/src/components/skills/SkillSection.css
@@ -26,7 +26,7 @@
   position: absolute;
   min-width: 400px;
   max-width: 600px;
-  background-color: #fff;
+  background-color: var(--checkins-palette-background-default);
   top: 50%;
   left: 50%;
   padding: 0.5rem;

diff --git a/web-ui/src/pages/CheckinsPage.css b/web-ui/src/pages/CheckinsPage.css
@@ -9,7 +9,7 @@
   position: absolute;
   min-width: 400px;
   max-width: 600px;
-  background-color: #fff;
+  background-color: var(--checkins-palette-background-default);
   top: 50%;
   left: 50%;
   padding: 0.5rem;

diff --git a/web-ui/src/pages/ErrorBoundaryPage.css b/web-ui/src/pages/ErrorBoundaryPage.css
@@ -2,7 +2,7 @@
   position: absolute;
   min-width: 400px;
   max-width: 600px;
-  background-color: #fff;
+  background-color: var(--checkins-palette-background-default);
   top: 50%;
   left: 50%;
   padding: 0.5rem;

diff --git a/web-ui/src/pages/PeoplePage.css b/web-ui/src/pages/PeoplePage.css
@@ -1,47 +1,3 @@
-.add-member {
-  align-items: center;
-  display: flex;
-  justify-content: flex-end;
-}
-
-.add-member-modal {
-  position: absolute;
-  min-width: 400px;
-  max-width: 600px;
-  background-color: #fff;
-  top: 50%;
-  left: 50%;
-  padding: 0.5rem;
-  transform: translate(-50%, -50%);
-  border: 2px solid #fff;
-}
-
-.add-member-modal h2 {
-  margin-block-end: 0rem;
-  margin-left: 0.5rem;
-}
-
-.add-member-modal-actions {
-  margin-top: 1rem;
-  width: calc(100% - 1rem);
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-}
-
-.add-member-modal .MuiTextField-root.fullWidth {
-  width: calc(100% - 1rem);
-}
-
-.add-member-modal .MuiTextField-root.halfWidth {
-  width: calc(50% - 0.5rem);
-}
-
-.add-member-modal .MuiTextField-root {
-  margin: 0.5rem;
-  width: 25ch;
-}
-
 .people-page {
   padding: 12px;
 }