(core): Refactor CardWidget implementation

CardWidget is a custom Gtk::Widget child. This allows more freedom for extensibility later. Dynamic allocation by default is extinct for simpleness reasons
smolBlackCat · Jan 2, 2025 · 117fda9 · 117fda9
1 parent cb62da3
commit 117fda9
Show file tree

Hide file tree

Showing 7 changed files with 323 additions and 230 deletions.
diff --git a/src/resources.xml b/src/resources.xml
@@ -5,7 +5,6 @@
         <file>io.github.smolblackcat.Progress.svg</file>
         <file>style.css</file>
         <file>style-dark.css</file>
-        <file>card-widget.ui</file>
         <file>app-window.ui</file>
         <file>board-dialog.ui</file>
     </gresource>

diff --git a/src/resources/ui/card-widget.ui b/src/resources/ui/card-widget.ui
diff --git a/src/resources/ui/style-dark.css b/src/resources/ui/style-dark.css
@@ -29,10 +29,20 @@ list.rich-list {
     box-shadow: 0 0 2px #9a9996;
 }
 
-.card {
+card {
     background-color: #5e5c64;
     border-radius: 5px;
     box-shadow: 0 0 2px #000000;
+    transition-property: background-color, border, box-shadow, outline;
+    transition-duration: 1s;
+}
+
+card:focus {
+    box-shadow: 0 0 5px #3772af;
+    background-color: #6e6c74;
+    border: 1px solid #3772af;
+    transition-property: background-color, border, box-shadow, outline;
+    transition-duration: 1s;
 }
 
 .delete-board-infobar-text {

diff --git a/src/resources/ui/style.css b/src/resources/ui/style.css
@@ -31,12 +31,19 @@ list.rich-list {
     box-shadow: 0 0 2px #9a9996;
 }
 
-.card {
+card {
     background-color: #deddda;
     border-radius: 5px;
     box-shadow: 0 0 2px #9a9996;
 }
 
+card:focus {
+    padding: 4px;
+    box-shadow: 0 0 5px #4a90e2;
+    background-color: #f0f0f0;
+    border: 1px solid #4a90e2;
+}
+
 .delete-board-infobar-text {
     color: #ffffff;
     font-weight: bold;