websites/flask-vim-docs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

wip

Browse source
This commit is contained in:
pika 2025-04-17 15:36:24 +02:00
parent f5c8e9ee23
commit 3a16f266da
15 changed files with 511 additions and 169 deletions
Download patch file Download diff file Expand all files Collapse all files

79
app/static/css/main.css
View file

@ -35,8 +35,7 @@
/* Active view styling */
.active-view {
background-color: rgba(76, 175, 80, 0.2); /* Primary color with opacity */
color: #4CAF50; /* Primary color */
@apply bg-primary/20 text-primary;
}
/* Fix for sidebar hiding */
@ -78,6 +77,16 @@
z-index: 10;
}
/* Sidebar section headers */
.sidebar-section-header {
font-size: 0.75rem;
text-transform: uppercase;
color: rgba(156, 163, 175, 0.7);
letter-spacing: 0.05em;
padding: 0.5rem 1rem 0.25rem;
margin-top: 0.5rem;
}
/* Drag and drop styles */
.drop-target {
background-color: rgba(80, 250, 123, 0.15);
@ -172,4 +181,70 @@
.markdown-body .admonition-danger .admonition-title {
color: #cf222e;
}
/* Modern Sidebar Styling */
aside {
background-color: #1a1b26;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
/* Reduce vertical spacing of sidebar items */
aside nav ul li {
margin: 0.15rem 0;
}
/* Better styling for sidebar links */
aside nav ul li a {
padding: 0.4rem 0.75rem;
border-radius: 0.25rem;
transition: all 0.15s ease;
}
aside nav ul li a:hover {
background-color: rgba(255, 255, 255, 0.05);
}
/* Remove the border-left styling in category trees */
aside nav ul.ml-3.pl-3.border-l.border-gray-700,
.ml-3.pl-3.border-l.border-gray-700,
.ml-2.pl-2.border-l.border-gray-700 {
margin-left: 1.25rem !important;
padding-left: 0 !important;
border-left: none !important;
}
/* Better nested document styling */
.document-item a,
.category-item a {
font-size: 0.875rem;
display: flex;
align-items: center;
padding: 0.35rem 0.5rem;
}
/* Cleaner category headers */
aside nav ul li div.block.font-medium {
padding: 0.4rem 0.75rem;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.05em;
color: rgba(255, 255, 255, 0.5);
margin-top: 1rem;
}
/* Make the toggle buttons more subtle */
.toggle-btn {
opacity: 0.6;
transition: all 0.15s ease;
}
.toggle-btn:hover {
opacity: 1;
}
/* Better styling for the primary action button */
aside nav ul li a.bg-primary {
margin-top: 0.5rem;
box-shadow: 0 3px 8px rgba(80, 250, 123, 0.2);
}