mARTin-B78/My-Weekly-ToDo-List
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove border under active someday tab

Browse Source 
margin-bottom was -1px but the tab bar border-bottom is 2px thick, so
the active tab only covered half the border. Changed to -2px so the
active tab fully overlaps the bar border. Also cleaned up redundant
CSS properties in the active state rule.

v1.108.2
This commit is contained in:
mARTin-B78 2026-05-11 12:17:49 +02:00
parent 5d55beeb55
commit c3099d37c2
2 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "my-weekly-todo-list", "name": "my-weekly-todo-list",
"version": "1.108.1", "version": "1.108.2",
"description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view", "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {

30
src/app/globals.css
View File

@ -1368,6 +1368,7 @@ h3 {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
scroll-behavior: smooth; scroll-behavior: smooth;
overflow: visible; overflow: visible;
background-color: #F9F9F9;
} }
/* Scrollbar Styling for Someday Container */ /* Scrollbar Styling for Someday Container */
@ -1522,9 +1523,9 @@ h3 {
.weekly-someday-list .weekly-task-item { .weekly-someday-list .weekly-task-item {
border-bottom: none; border-bottom: none;
min-height: 38px; min-height: 24px;
height: auto; height: auto;
padding: 6px 1rem; padding: 4px 4px;
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
overflow: visible !important; overflow: visible !important;
@ -1544,7 +1545,7 @@ h3 {
overflow: visible; overflow: visible;
white-space: normal; white-space: normal;
text-overflow: clip; text-overflow: clip;
padding: 0; padding-left: 4px;
} }
.weekly-someday-list-title-header { .weekly-someday-list-title-header {
@ -1612,10 +1613,11 @@ h3 {
flex-direction: row; flex-direction: row;
align-items: flex-end; align-items: flex-end;
gap: 4px; gap: 4px;
padding: 6px 12px 0; padding: 0px 12px 0;
overflow-x: auto; overflow-x: auto;
scrollbar-width: none; scrollbar-width: none;
border-bottom: 1px solid var(--weekly-border); border-bottom: 2px solid var(--weekly-border);
background-color: #E9E9E9;
} }
.someday-tabs-bar::-webkit-scrollbar { .someday-tabs-bar::-webkit-scrollbar {
@ -1634,6 +1636,7 @@ h3 {
justify-content: center; justify-content: center;
transition: background 0.15s, color 0.15s; transition: background 0.15s, color 0.15s;
flex-shrink: 0; flex-shrink: 0;
padding:8px;
} }
.someday-bar-icon-btn:hover { .someday-bar-icon-btn:hover {
@ -1643,7 +1646,7 @@ h3 {
.someday-tabs-bar-divider { .someday-tabs-bar-divider {
width: 1px; width: 1px;
height: 16px; height: 34px;
background: var(--weekly-border, #e5e7eb); background: var(--weekly-border, #e5e7eb);
flex-shrink: 0; flex-shrink: 0;
margin: 0 4px; margin: 0 4px;
@ -1652,9 +1655,6 @@ h3 {
/* Someday Tab Buttons (horizontal) — pill + underline style */ /* Someday Tab Buttons (horizontal) — pill + underline style */
.someday-tab-btn-h { .someday-tab-btn-h {
background: var(--weekly-bg, #fff);
border: 1px solid var(--weekly-border, #e5e7eb);
border-bottom: 3px solid transparent;
cursor: pointer; cursor: pointer;
color: var(--weekly-text-light, #888); color: var(--weekly-text-light, #888);
font-size: 0.8rem; font-size: 0.8rem;
@ -1666,6 +1666,7 @@ h3 {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 5px; gap: 5px;
margin-top: 4px;
} }
.someday-tab-btn-h:hover { .someday-tab-btn-h:hover {
@ -1674,16 +1675,17 @@ h3 {
} }
.someday-tab-btn-h.active { .someday-tab-btn-h.active {
background: #f9f9f9;
border: 2px solid var(--weekly-border, #e5e7eb);
border-bottom-color: #f9f9f9;
color: var(--weekly-text, #222); color: var(--weekly-text, #222);
font-weight: 700; font-weight: 700;
border-color: var(--weekly-border, #e5e7eb);
border-bottom-color: #f9f9f9;
background: var(--weekly-bg, #fff);
box-shadow: none; box-shadow: none;
margin-bottom: -1px; margin-bottom: -2px;
} }
.weekly-container.dark-mode .someday-tab-btn-h.active { .weekly-container.dark-mode .someday-tab-btn-h.active {
background: #1a1a1b;
border-bottom-color: #1a1a1b; border-bottom-color: #1a1a1b;
} }
@ -1709,7 +1711,7 @@ h3 {
.someday-tab-btn-h.active .someday-tab-count { .someday-tab-btn-h.active .someday-tab-count {
background: rgba(99, 102, 241, 0.12); background: rgba(99, 102, 241, 0.12);
color: var(--weekly-accent, #6366f1); color: var(--weekly-accent, #000);
} }
/* Someday Tab Wrapper with dissolve button */ /* Someday Tab Wrapper with dissolve button */