Feat: Implement #27

nfoert · Oct 7, 2024 · e1fb8c9 · e1fb8c9
1 parent efc2f64
commit e1fb8c9
Show file tree

Hide file tree

Showing 8 changed files with 46 additions and 34 deletions.
diff --git a/cardie/static/main/editor.css b/cardie/static/main/editor.css
@@ -128,16 +128,6 @@ html {
     margin-right: auto;
 }
 
-.text_item {
-    display: flex;
-    flex-direction: row-reverse;
-}
-
-.link_item {
-    display: flex;
-    flex-direction: row-reverse;
-}
-
 @keyframes show-iconselector {
     from {
         opacity: 0;
@@ -490,4 +480,24 @@ html {
     margin-left: clamp(1.5vh, 15px, 1.5vw);
     margin-right: clamp(1vh, 10px, 1vw);
 
+}
+
+@keyframes show-item {
+    from {
+        opacity: 0;
+        scale: 0.8;
+    }
+
+    to {
+        opacity: 1;
+        scale: 1;
+    }
+}
+
+.item {
+    animation: show-item 0.3s ease-in-out forwards;
+
+    /* Starting properties for animation */
+    opacity: 0;
+    scale: 0.8;
 }
diff --git a/cardie/static/main/scripts/editor/editor_information.js b/cardie/static/main/scripts/editor/editor_information.js
@@ -3,12 +3,6 @@ var link_items = new Array();
 var currently_editing_icon;
 var items_list;
 
-function open_iconselector_foritem(event) {
-    let item = event.target.closest(".link_item, .text_item");
-    currently_editing_icon = item;
-    show_iconselector();
-}
-
 function editor_create_json() {
     let card_json = {
         "uuid": "unknown",

diff --git a/cardie/staticfiles/main/editor.css b/cardie/staticfiles/main/editor.css
@@ -128,16 +128,6 @@ html {
     margin-right: auto;
 }
 
-.text_item {
-    display: flex;
-    flex-direction: row-reverse;
-}
-
-.link_item {
-    display: flex;
-    flex-direction: row-reverse;
-}
-
 @keyframes show-iconselector {
     from {
         opacity: 0;
@@ -490,4 +480,24 @@ html {
     margin-left: clamp(1.5vh, 15px, 1.5vw);
     margin-right: clamp(1vh, 10px, 1vw);
 
+}
+
+@keyframes show-item {
+    from {
+        opacity: 0;
+        scale: 0.8;
+    }
+
+    to {
+        opacity: 1;
+        scale: 1;
+    }
+}
+
+.item {
+    animation: show-item 0.3s ease-in-out forwards;
+
+    /* Starting properties for animation */
+    opacity: 0;
+    scale: 0.8;
 }
diff --git a/cardie/staticfiles/main/images/home_cards.png b/cardie/staticfiles/main/images/home_cards.png
diff --git a/cardie/staticfiles/main/images/home_editor.png b/cardie/staticfiles/main/images/home_editor.png
diff --git a/cardie/staticfiles/main/scripts/editor/editor_information.js b/cardie/staticfiles/main/scripts/editor/editor_information.js
@@ -3,12 +3,6 @@ var link_items = new Array();
 var currently_editing_icon;
 var items_list;
 
-function open_iconselector_foritem(event) {
-    let item = event.target.closest(".link_item, .text_item");
-    currently_editing_icon = item;
-    show_iconselector();
-}
-
 function editor_create_json() {
     let card_json = {
         "uuid": "unknown",

diff --git a/cardie/staticfiles/main/scripts/global/card.js b/cardie/staticfiles/main/scripts/global/card.js
@@ -168,7 +168,6 @@ function card_set_layout(card_selector, layout) {
 }
 
 function card_set_font(card_selector, name) {
-    console.log(name)
     let font_style = get_font_style(name);
     load_font(font_style["header"]["name"], font_style["header"]["url"]);
     load_font(font_style["text"]["name"], font_style["text"]["url"]);

diff --git a/cardie/staticfiles/main/ui.css b/cardie/staticfiles/main/ui.css
@@ -75,6 +75,7 @@
 
 .ui_button_large:hover:enabled {
     scale: 1.05;
+    cursor: pointer;
 }
 
 .ui_button_large:active:enabled {
@@ -112,6 +113,7 @@
 
 .ui_button_grid:hover:enabled {
     scale: 1.05;
+    cursor: pointer;
 }
 
 .ui_button_grid:active:enabled {
@@ -150,6 +152,7 @@
 
 .ui_button_icon:hover:enabled {
     scale: 1.1;
+    cursor: pointer;
 }
 
 .ui_button_icon:active:enabled {
@@ -190,6 +193,7 @@
 
 .ui_button_smallicon:hover:enabled {
     scale: 1.05;
+    cursor: pointer;
 }
 
 .ui_button_smallicon:active:enabled {
@@ -229,6 +233,7 @@
 
 .ui_button_small:hover:enabled {
     scale: 1.05;
+    cursor: pointer;
 }
 
 .ui_button_small:active:enabled {
@@ -630,4 +635,4 @@
 .ui_link_generic:visited {
     color: var(--default-text-color);
     text-decoration: none;
-}
+}