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

style: active tab uses box-shadow instead of border-tab effect

Browse Source 
Removed border-bottom from tabs bar and border/margin-bottom trick from
active tab. Active tab now indicated with a subtle box-shadow.

v1.109.2
This commit is contained in:
mARTin-B78 2026-05-11 12:41:19 +02:00
parent 74268edb85
commit 94098fdac2
2 changed files with 2 additions and 6 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.109.1", "version": "1.109.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": {

6
src/app/globals.css
View File

@ -1616,7 +1616,6 @@ h3 {
padding: 0px 12px 0; padding: 0px 12px 0;
overflow-x: auto; overflow-x: auto;
scrollbar-width: none; scrollbar-width: none;
border-bottom: 2px solid var(--weekly-border);
background-color: #E9E9E9; background-color: #E9E9E9;
} }
@ -1676,12 +1675,9 @@ h3 {
.someday-tab-btn-h.active { .someday-tab-btn-h.active {
background: #f9f9f9; 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;
box-shadow: none; box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
margin-bottom: -2px;
} }
.weekly-container.dark-mode .someday-tab-btn-h.active { .weekly-container.dark-mode .someday-tab-btn-h.active {