kumi/kanblendar
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(css): enhance header layout and task styling

Browse source 
Improved the header's layout by making the logo and button positioning more intuitive and visually appealing. Adjusted header padding and button placement to be more consistent. Added text alignment to non-timed tasks for better readability.
This commit is contained in:
Kumi 2024-07-31 08:50:46 +02:00
parent a3e50477b0
commit 953edad91f
Signed by: kumi
GPG key ID: ECBCC9082395383F
2 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
example.css
View file

@ -8,12 +8,21 @@ body {
header { header {
background-color: #4CAF50; background-color: #4CAF50;
color: white; color: white;
position: relative;
text-align: center; text-align: center;
padding: 1em 0; padding: 1em 2em;
}
header h1 {
margin: 0;
display: inline-block;
} }
header button { header button {
margin: 1em; position: absolute;
right: 2em;
top: 50%;
transform: translateY(-50%);
padding: 0.5em 1em; padding: 0.5em 1em;
background-color: #fff; background-color: #fff;
border: 1px solid #4CAF50; border: 1px solid #4CAF50;

5
kanblendar.css
View file

@ -24,9 +24,9 @@
.kanblendar-non-timed-tasks { .kanblendar-non-timed-tasks {
margin-bottom: 1em; margin-bottom: 1em;
min-height: 50px; min-height: 50px;
/* Ensure it has a minimum height */
background-color: #fafafa; background-color: #fafafa;
border: 1px dashed #ddd; border: 1px dashed #ddd;
text-align: center;
} }
.kanblendar-task { .kanblendar-task {
@ -130,6 +130,7 @@
/* Current Time Highlight */ /* Current Time Highlight */
.kanblendar-current-time { .kanblendar-current-time {
background-color: #ffeb3b; /* Highlight color */ background-color: #ffeb3b;
/* Highlight color */
border-color: #fbc02d; border-color: #fbc02d;
} }