Merge pull request nus-cs2103-AY2223S1#77 from yunruu/72-update-conta…

…cts-ui Fix: remove white background of cell labels
ShenyiCui · Oct 19, 2022 · ef912da · ef912da
2 parents 2561def + 711cfc6
commit ef912da
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/src/main/resources/view/DarkTheme.css b/src/main/resources/view/DarkTheme.css
@@ -114,7 +114,6 @@
 
 .list-cell:filled:selected #cardPane {
     -fx-border-color: #6D28D9;
-    -fx-border-width: 1;
 }
 
 .list-cell .label {
@@ -124,12 +123,14 @@
     -fx-font-family: "Segoe UI Semibold";
     -fx-font-size: 16px;
     -fx-text-fill: black;
+    -fx-background-color: transparent;
 }
 
 .cell_small_label {
     -fx-font-family: "Segoe UI";
     -fx-font-size: 13px;
     -fx-text-fill: #64748B;
+    -fx-background-color: transparent;
 }
 
 .sub_heading {
@@ -146,6 +147,10 @@
     -fx-background-color: #AFB4FF;
 }
 
+.circle_icon {
+    -fx-background-color: transparent;
+}
+
 .tags_pane .label {
     -fx-font-fill: #00FFFF;
     -fx-background-color: #00FFFF;

diff --git a/src/main/resources/view/PersonListCard.fxml b/src/main/resources/view/PersonListCard.fxml
@@ -44,7 +44,7 @@
                      <Insets right="10.0" />
                   </padding>
                   <graphic>
-                     <Label>
+                     <Label styleClass="circle_icon">
                         <graphic>
                            <Circle fill="#6d28d9" radius="4.0" stroke="WHITE" strokeType="INSIDE" />
                         </graphic>
@@ -56,16 +56,16 @@
                      <Insets right="10.0" />
                   </padding>
                   <graphic>
-                     <Label>
+                     <Label styleClass="circle_icon">
                         <graphic>
-                           <Circle fill="#6d28d9" radius="4.0" stroke="WHITE" strokeType="INSIDE" />
+                           <Circle fill="#6d28d9" radius="4.0" stroke="WHITE" strokeType="INSIDE"/>
                         </graphic>
                      </Label>
                   </graphic>
                </Label>
             <Label fx:id="address" styleClass="cell_small_label" text="\$address">
                   <graphic>
-                     <Label>
+                     <Label styleClass="circle_icon">
                         <graphic>
                            <Circle fill="#6d28d9" radius="4.0" stroke="WHITE" strokeType="INSIDE" />
                         </graphic>