From c108d1a75791e249aedd8102d5c363eabf36a217 Mon Sep 17 00:00:00 2001 From: Daniel Schadt Date: Wed, 13 Nov 2024 22:28:21 +0100 Subject: first draft of calendar --- asset-sources/theme.scss | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) (limited to 'asset-sources') diff --git a/asset-sources/theme.scss b/asset-sources/theme.scss index 25353d7..f5b33da 100644 --- a/asset-sources/theme.scss +++ b/asset-sources/theme.scss @@ -158,6 +158,25 @@ strong { text-align: right; } +.profile-calendar { + width: 100%; + + .calendar-cell, .calendar-cell-empty { + height: 150px; + width: calc(100%/7); + } + + .calendar-cell { + border: 1px solid gray; + vertical-align: top; + + .calendar-date { + font-size: 140%; + font-weight: bold; + } + } +} + /* Ensure a consistent width of the cells in the browse view. */ .browse-summary th, .browse-summary td { width: 25%; -- cgit v1.2.3 From 68a4dd33bdcfbfe1694d8ed6211b8f98165b304f Mon Sep 17 00:00:00 2001 From: Daniel Schadt Date: Sat, 16 Nov 2024 23:42:43 +0100 Subject: more styling for the calendar Styling based on distance travelled! --- asset-sources/theme.scss | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) (limited to 'asset-sources') diff --git a/asset-sources/theme.scss b/asset-sources/theme.scss index f5b33da..ffd43d7 100644 --- a/asset-sources/theme.scss +++ b/asset-sources/theme.scss @@ -161,6 +161,11 @@ strong { .profile-calendar { width: 100%; + thead { + text-align: center; + font-size: 120%; + } + .calendar-cell, .calendar-cell-empty { height: 150px; width: calc(100%/7); @@ -174,6 +179,36 @@ strong { font-size: 140%; font-weight: bold; } + + ul { + list-style: none; + text-align: right; + } + } + + .cell-length-0 { + color: gray; + } + .cell-length-1 { + background-color: #8FF0A4; + } + .cell-length-2 { + background-color: #75DD95; + } + .cell-length-3 { + background-color: #5BC987; + } + .cell-length-4 { + background-color: #40B678; + } + .cell-length-5 { + color: white; + background-color: #26A269; + } + + a { + text-decoration: none; + color: inherit; } } -- cgit v1.2.3 From 5f66c1519ae7794e9ed2bac2862550377e2da00f Mon Sep 17 00:00:00 2001 From: Daniel Schadt Date: Sat, 16 Nov 2024 23:52:39 +0100 Subject: center title for calendar --- asset-sources/theme.scss | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'asset-sources') diff --git a/asset-sources/theme.scss b/asset-sources/theme.scss index ffd43d7..67feccc 100644 --- a/asset-sources/theme.scss +++ b/asset-sources/theme.scss @@ -158,6 +158,13 @@ strong { text-align: right; } +.calendar-title { + text-align: center; +} +.calendar-controls { + text-align: center; + margin-bottom: 50px; +} .profile-calendar { width: 100%; -- cgit v1.2.3 From b637a46e99bd5bce8035f66bb14b32f8ec1a60b6 Mon Sep 17 00:00:00 2001 From: Daniel Schadt Date: Mon, 25 Nov 2024 21:03:21 +0100 Subject: adjust font of calendar content --- asset-sources/theme.scss | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) (limited to 'asset-sources') diff --git a/asset-sources/theme.scss b/asset-sources/theme.scss index 67feccc..35a3df1 100644 --- a/asset-sources/theme.scss +++ b/asset-sources/theme.scss @@ -189,7 +189,7 @@ strong { ul { list-style: none; - text-align: right; + text-align: center; } } @@ -198,19 +198,34 @@ strong { } .cell-length-1 { background-color: #8FF0A4; + ul { + font-size: 110%; + } } .cell-length-2 { background-color: #75DD95; + ul { + font-size: 120%; + } } .cell-length-3 { background-color: #5BC987; + ul { + font-size: 130%; + } } .cell-length-4 { background-color: #40B678; + ul { + font-size: 140%; + } } .cell-length-5 { color: white; background-color: #26A269; + ul { + font-size: 150%; + } } a { -- cgit v1.2.3