From 1c990eeed222973e01043f194a6a562e89f7803f Mon Sep 17 00:00:00 2001 From: Matheus Baldissara Date: Mon, 12 Feb 2024 12:36:12 -0300 Subject: [PATCH 1/3] Fix styling for when releasing a new version --- frontend/index.html | 2 +- frontend/public/stylesheets/custom.css | 1 + frontend/public/stylesheets/{index.css => index-2.3.0.css} | 2 +- frontend/src/index.jsx | 2 +- 4 files changed, 4 insertions(+), 3 deletions(-) create mode 100644 frontend/public/stylesheets/custom.css rename frontend/public/stylesheets/{index.css => index-2.3.0.css} (99%) diff --git a/frontend/index.html b/frontend/index.html index 332bed8..2e59582 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -3,7 +3,7 @@ - + diff --git a/frontend/public/stylesheets/custom.css b/frontend/public/stylesheets/custom.css new file mode 100644 index 0000000..2802175 --- /dev/null +++ b/frontend/public/stylesheets/custom.css @@ -0,0 +1 @@ +@import url(./color-themes/adwaita.css); diff --git a/frontend/public/stylesheets/index.css b/frontend/public/stylesheets/index-2.3.0.css similarity index 99% rename from frontend/public/stylesheets/index.css rename to frontend/public/stylesheets/index-2.3.0.css index ef36201..48ca3c6 100644 --- a/frontend/public/stylesheets/index.css +++ b/frontend/public/stylesheets/index-2.3.0.css @@ -1,6 +1,6 @@ /* Reset preset taken from https://keithjgrant.com/posts/2024/01/my-css-resets/ */ @import url('./reset.css'); -@import url(./color-themes/adwaita.css); +@import url('./custom.css'); html, body, diff --git a/frontend/src/index.jsx b/frontend/src/index.jsx index ff681f0..90de124 100644 --- a/frontend/src/index.jsx +++ b/frontend/src/index.jsx @@ -4,7 +4,7 @@ import { render } from 'solid-js/web'; import App from './App'; if (import.meta.env.DEV) { - await import('../public/stylesheets/index.css'); + await import('../public/stylesheets/index-2.3.0.css'); } const root = document.getElementById('root'); From 20731b8a383bf9c01705aa2e1e332e4173b7b5fc Mon Sep 17 00:00:00 2001 From: Matheus Baldissara Date: Mon, 12 Feb 2024 12:45:03 -0300 Subject: [PATCH 2/3] Update documentation on custom style --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 5e4a93c..74bbf70 100644 --- a/README.md +++ b/README.md @@ -57,7 +57,7 @@ services: Use the Docker section above as reference for setting up variables and volumes. ## 🎨 Customize -All CSS files are available in the stylesheets directory under the config volume. It already comes with 3 color themes: [Adwaita](https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/named-colors.html), [Nord](https://www.nordtheme.com/) and [Catppuccin](https://github.com/catppuccin/catppuccin). To use them, open the file `/stylesheets/index.css` and change the second line to the path of the color theme you want, you can find them under `/stylesheets/color-themes`. +All CSS files are available in the stylesheets directory under the config volume, any custom style is recommended to be added to `custom.css` file. It already comes with 3 color themes: [Adwaita](https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/named-colors.html), [Nord](https://www.nordtheme.com/) and [Catppuccin](https://github.com/catppuccin/catppuccin). To use them, change the first line of `/stylesheets/custom.css` to the path of the color theme you want, you can find them under `/stylesheets/color-themes`. ## 📁 Files structure The way directories and files are organized in Tasks.md is quite simple. Every lane you add within the app is a directory in your filesystem and every task is file. From c17ca2c4fec9205b12211e50ba915301d622bb3a Mon Sep 17 00:00:00 2001 From: Matheus Baldissara Date: Mon, 12 Feb 2024 12:47:53 -0300 Subject: [PATCH 3/3] Replace buttons icons and small style update --- frontend/public/stylesheets/index-2.3.0.css | 13 ++++++++----- frontend/src/components/card-name.jsx | 5 +++-- frontend/src/components/lane-name.jsx | 8 +++++--- 3 files changed, 16 insertions(+), 10 deletions(-) diff --git a/frontend/public/stylesheets/index-2.3.0.css b/frontend/public/stylesheets/index-2.3.0.css index 48ca3c6..6590829 100644 --- a/frontend/public/stylesheets/index-2.3.0.css +++ b/frontend/public/stylesheets/index-2.3.0.css @@ -105,6 +105,9 @@ button { background: var(--button-background-color); border: 1px solid var(--button-border-color); color: var(--button-font-color); + text-align: center; + text-align: -moz-center; + text-align: -webkit-center; } button:focus-within { @@ -143,6 +146,11 @@ button.small { flex-wrap: wrap; } +.header-buttons { + display: flex; + gap: 6px; +} + .search-input { max-width: 232px; width: 100%; @@ -198,11 +206,6 @@ button.small { text-wrap: balance; } -.lane__header-buttons { - display: flex; - gap: 6px; -} - .lane__content { flex-grow: 1; width: 300px; diff --git a/frontend/src/components/card-name.jsx b/frontend/src/components/card-name.jsx index 89e584e..e5c57fb 100644 --- a/frontend/src/components/card-name.jsx +++ b/frontend/src/components/card-name.jsx @@ -1,6 +1,7 @@ import { createSignal } from "solid-js"; import { Menu } from "./menu"; import { getButtonCoordinates, handleKeyDown as handleKeyDown } from "../utils"; +import { BiRegularDotsVerticalRounded } from "solid-icons/bi"; /** * @@ -63,7 +64,7 @@ export function CardName(props) { {props.name} -
+
{props.count}
-
+