From 64f5668dde72deda83f17a7e1e8be5d4c79109c0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Kucharczyk?= Date: Fri, 13 Jan 2023 22:11:12 +0100 Subject: [PATCH] Do not specify button width and height --- Dockerfile | 2 +- pyproject.toml | 2 +- src/web/tracker/static/base.css | 151 +++++++++++++++++-- src/web/tracker/templates/list_sessions.html | 2 +- 4 files changed, 143 insertions(+), 14 deletions(-) diff --git a/Dockerfile b/Dockerfile index ef92893..fa77520 100644 --- a/Dockerfile +++ b/Dockerfile @@ -6,7 +6,7 @@ RUN npm install && \ FROM python:3.10.9-alpine -ENV VERSION_NUMBER 0.2.0-2-gd8ece97 +ENV VERSION_NUMBER 0.2.1 ENV PROD 1 RUN apk add \ diff --git a/pyproject.toml b/pyproject.toml index cfd223a..96a2dcc 100644 --- a/pyproject.toml +++ b/pyproject.toml @@ -1,6 +1,6 @@ [tool.poetry] name = "timetracker" -version = "0.2.0" +version = "0.2.1" description = "A simple time tracker." authors = ["Lukáš Kucharczyk "] license = "GPL" diff --git a/src/web/tracker/static/base.css b/src/web/tracker/static/base.css index fb4fe77..054be9b 100644 --- a/src/web/tracker/static/base.css +++ b/src/web/tracker/static/base.css @@ -683,34 +683,66 @@ 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; + } +} + +.visible { + visibility: visible; +} + +.collapse { + visibility: collapse; } .static { @@ -721,6 +753,26 @@ select { position: fixed; } +.\!fixed { + position: fixed !important; +} + +.absolute { + position: absolute; +} + +.relative { + position: relative; +} + +.sticky { + position: sticky; +} + +.\!sticky { + position: sticky !important; +} + .left-2 { left: 0.5rem; } @@ -750,10 +802,42 @@ select { display: block; } +.inline-block { + display: inline-block; +} + +.inline { + display: inline; +} + .flex { display: flex; } +.table { + display: table; +} + +.table-caption { + display: table-caption; +} + +.table-cell { + display: table-cell; +} + +.contents { + display: contents; +} + +.hidden { + display: none; +} + +.\!hidden { + display: none !important; +} + .h-5 { height: 1.25rem; } @@ -786,6 +870,10 @@ select { max-width: 1024px; } +.resize { + resize: both; +} + .flex-col { flex-direction: column; } @@ -818,6 +906,12 @@ select { align-self: center; } +.truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + .whitespace-nowrap { white-space: nowrap; } @@ -826,12 +920,16 @@ select { border-radius: 0.25rem; } +.rounded-lg { + border-radius: 0.5rem; +} + .rounded-xl { border-radius: 0.75rem; } -.rounded-lg { - border-radius: 0.5rem; +.border { + border-width: 1px; } .border-gray-200 { @@ -913,20 +1011,28 @@ select { line-height: 1rem; } -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; -} - .text-base { font-size: 1rem; line-height: 1.5rem; } +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} + .font-semibold { font-weight: 600; } +.uppercase { + text-transform: uppercase; +} + +.lowercase { + text-transform: lowercase; +} + .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); @@ -942,16 +1048,39 @@ select { color: rgb(248 113 113 / var(--tw-text-opacity)); } +.shadow-md { + --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); +} + .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.shadow-md { - --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); +.blur { + --tw-blur: blur(8px); + 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%); + 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; +} + +.filter { + 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); +} + +.\!filter { + 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; } .transition { diff --git a/src/web/tracker/templates/list_sessions.html b/src/web/tracker/templates/list_sessions.html index 74df365..2a140a1 100644 --- a/src/web/tracker/templates/list_sessions.html +++ b/src/web/tracker/templates/list_sessions.html @@ -5,7 +5,7 @@ {% block content %}
-