obsqrbtz/goose-highlighter
1
0
Fork 0
mirror of https://github.com/obsqrbtz/goose-highlighter.git synced 2026-04-09 04:29:09 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: add collapsible sections

Browse Source
This commit is contained in:
Daniel Dada
2025-10-07 14:46:03 +03:00
parent 915add3a4c
commit a158a303b0
17 changed files with 268 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
popup/popup.css
View File

@@ -80,6 +80,7 @@ h1 {
border-radius: var(--border-radius);
padding: 14px;
box-shadow: var(--shadow);
transition: all 0.2s ease;
}
.section-header {
@@ -87,6 +88,60 @@ h1 {
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
cursor: pointer;
padding-left: 8px;
padding-right: 8px;
}
.section-header:hover {
background: var(--highlight-tag);
border-radius: 6px;
transition: background 0.2s ease;
}
.collapse-toggle {
background: none !important;
border: none !important;
color: var(--text-color) !important;
padding: 4px !important;
margin: 0 !important;
cursor: pointer;
border-radius: 4px;
transition: all 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
}
.collapse-toggle:hover {
background: var(--button-hover) !important;
color: var(--accent) !important;
}
.collapse-toggle i {
transition: transform 0.2s ease;
font-size: 0.8em;
}
.section.collapsed .collapse-toggle i {
transform: rotate(180deg);
}
.section-content {
overflow: hidden;
max-height: 2000px;
}
.section.collapsed .section-content {
max-height: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.section.collapsed .section-header {
margin-bottom: 0;
}
.section h2 {
@@ -96,6 +151,7 @@ h1 {
display: flex;
align-items: center;
gap: 8px;
flex: 1;
}
input[type="text"],