From 8f1bbab895a18002b4ec18706e502bd882872f4f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Kucharczyk?= Date: Mon, 20 Feb 2023 17:18:26 +0100 Subject: [PATCH] Version 1.0.3 --- CHANGELOG.md | 6 +- Dockerfile | 2 +- games/static/base.css | 201 ++++++++++++++++++++++++------------------ pyproject.toml | 2 +- 4 files changed, 119 insertions(+), 92 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 3b5a1b8..5549434 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,9 +1,9 @@ -## Unreleased +## 1.0.3 / 2023-02-20 17:16+01:00 -* Allow editing filtered entities from session list * Add wikidata ID and year for editions +* Add icons for game, edition, purchase filters * Allow filtering by game, edition, purchase from the session list -* Add icons for the above +* Allow editing filtered entities from session list ## 1.0.2 / 2023-02-18 21:48+01:00 diff --git a/Dockerfile b/Dockerfile index eda8dee..91813ea 100644 --- a/Dockerfile +++ b/Dockerfile @@ -6,7 +6,7 @@ RUN npm install && \ FROM python:3.10.9-slim-bullseye -ENV VERSION_NUMBER 1.0.2 +ENV VERSION_NUMBER 1.0.3 ENV PROD 1 ENV PYTHONUNBUFFERED=1 diff --git a/games/static/base.css b/games/static/base.css index 7654c7a..7cc1c48 100644 --- a/games/static/base.css +++ b/games/static/base.css @@ -683,34 +683,58 @@ select { width: 100%; } +.\!container { + width: 100% !important; +} + @media (min-width: 640px) { .container { max-width: 640px; } + + .\!container { + max-width: 640px !important; + } } @media (min-width: 768px) { .container { max-width: 768px; } + + .\!container { + max-width: 768px !important; + } } @media (min-width: 1024px) { .container { max-width: 1024px; } + + .\!container { + max-width: 1024px !important; + } } @media (min-width: 1280px) { .container { max-width: 1280px; } + + .\!container { + max-width: 1280px !important; + } } @media (min-width: 1536px) { .container { max-width: 1536px; } + + .\!container { + max-width: 1536px !important; + } } .prose { @@ -718,6 +742,11 @@ select { max-width: 65ch; } +.prose :where(p):not(:where([class~="not-prose"] *)) { + margin-top: 1.25em; + margin-bottom: 1.25em; +} + .prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; @@ -1070,11 +1099,6 @@ select { line-height: 1.75; } -.prose :where(p):not(:where([class~="not-prose"] *)) { - margin-top: 1.25em; - margin-bottom: 1.25em; -} - .prose :where(video):not(:where([class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; @@ -1577,6 +1601,10 @@ select { position: fixed; } +.\!fixed { + position: fixed !important; +} + .absolute { position: absolute; } @@ -1585,10 +1613,18 @@ select { position: relative; } +.\!relative { + position: relative !important; +} + .sticky { position: sticky; } +.\!sticky { + position: sticky !important; +} + .-inset-1 { top: -0.25rem; right: -0.25rem; @@ -1640,6 +1676,14 @@ select { clear: none; } +.m-1 { + margin: 0.25rem; +} + +.m-10 { + margin: 2.5rem; +} + .mx-auto { margin-left: auto; margin-right: auto; @@ -1716,6 +1760,10 @@ select { display: block; } +.\!block { + display: block !important; +} + .inline-block { display: inline-block; } @@ -1780,6 +1828,10 @@ select { display: grid; } +.\!grid { + display: grid !important; +} + .inline-grid { display: inline-grid; } @@ -1796,6 +1848,10 @@ select { display: none; } +.\!hidden { + display: none !important; +} + .h-6 { height: 1.5rem; } @@ -1808,6 +1864,10 @@ select { height: 1rem; } +.h-1 { + height: 0.25rem; +} + .h-24 { height: 6rem; } @@ -1836,6 +1896,10 @@ select { width: 1rem; } +.w-1 { + width: 0.25rem; +} + .max-w-screen-lg { max-width: 1024px; } @@ -2695,6 +2759,10 @@ select { border-bottom-left-radius: 0.25rem; } +.border { + border-width: 1px; +} + .border-0 { border-width: 0px; } @@ -2703,10 +2771,6 @@ select { border-width: 2px; } -.border { - border-width: 1px; -} - .border-x { border-left-width: 1px; border-right-width: 1px; @@ -2942,6 +3006,10 @@ select { padding: 0.5rem; } +.p-1 { + padding: 0.25rem; +} + .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; @@ -3485,6 +3553,11 @@ select { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.\!invert { + --tw-invert: invert(100%) !important; + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; +} + .sepia { --tw-sepia: sepia(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); @@ -3544,6 +3617,14 @@ select { transition-duration: 150ms; } +.\!transition { + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + transition-duration: 150ms !important; +} + .duration-200 { transition-duration: 200ms; } @@ -3565,6 +3646,18 @@ select { content: var(--tw-content); } +.\[a-zA-Z-\:\#\] { + a-z-a--z-: #; +} + +.\[vite\:html\] { + vite: html; +} + +.\[vite\:css\] { + vite: css; +} + .dark form label { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity)); @@ -3584,7 +3677,7 @@ textarea { #session-table { display: grid; - grid-template-columns: 3fr repeat(3, 1fr) 0.5fr 1fr; + grid-template-columns: 3fr 2fr repeat(2, 1fr) 0.5fr 1fr; } .purchase-name > span:nth-child(2) { @@ -3619,72 +3712,6 @@ th label { margin-right: 1rem; } -.basic-button { - display: flex; - justify-content: center; -} - -.basic-button > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)); - margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); -} - -.basic-button button { - display: inline-block; - border-radius: 0.25rem; - --tw-bg-opacity: 1; - background-color: rgb(37 99 235 / var(--tw-bg-opacity)); - padding-left: 1.5rem; - padding-right: 1.5rem; - padding-top: 0.625rem; - padding-bottom: 0.625rem; - font-size: 0.75rem; - line-height: 1rem; - font-weight: 500; - text-transform: uppercase; - line-height: 1.25; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-duration: 150ms; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} - -.basic-button button:hover { - --tw-bg-opacity: 1; - background-color: rgb(29 78 216 / var(--tw-bg-opacity)); - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.basic-button button:focus { - --tw-bg-opacity: 1; - background-color: rgb(29 78 216 / var(--tw-bg-opacity)); - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - outline: 2px solid transparent; - outline-offset: 2px; - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); -} - -.basic-button button:active { - --tw-bg-opacity: 1; - background-color: rgb(30 64 175 / var(--tw-bg-opacity)); - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - .hover\:prose-lg:hover { font-size: 1.125rem; line-height: 1.7777778; @@ -4175,6 +4202,11 @@ th label { max-width: 65ch; } +.dark .dark\:prose :where(p):not(:where([class~="not-prose"] *)) { + margin-top: 1.25em; + margin-bottom: 1.25em; +} + .dark .dark\:prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; @@ -4527,11 +4559,6 @@ th label { line-height: 1.75; } -.dark .dark\:prose :where(p):not(:where([class~="not-prose"] *)) { - margin-top: 1.25em; - margin-bottom: 1.25em; -} - .dark .dark\:prose :where(video):not(:where([class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; @@ -4708,6 +4735,11 @@ th label { max-width: 65ch; } + .sm\:prose :where(p):not(:where([class~="not-prose"] *)) { + margin-top: 1.25em; + margin-bottom: 1.25em; + } + .sm\:prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; @@ -5060,11 +5092,6 @@ th label { line-height: 1.75; } - .sm\:prose :where(p):not(:where([class~="not-prose"] *)) { - margin-top: 1.25em; - margin-bottom: 1.25em; - } - .sm\:prose :where(video):not(:where([class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; @@ -5406,4 +5433,4 @@ th label { .dark .dark\:lg\:hover\:\[paint-order\:markers\]:hover { paint-order: markers; } -} \ No newline at end of file +} diff --git a/pyproject.toml b/pyproject.toml index df9b086..6f8d918 100644 --- a/pyproject.toml +++ b/pyproject.toml @@ -1,6 +1,6 @@ [tool.poetry] name = "timetracker" -version = "1.0.2" +version = "1.0.3" description = "A simple time tracker." authors = ["Lukáš Kucharczyk "] license = "GPL"