apunkt/dograh
1
0
Fork 0
mirror of https://github.com/dograh-hq/dograh.git synced 2026-06-16 08:25:18 +02:00
Code Issues Projects Releases Packages Wiki Activity

docs: add page for Workflow editing basics (#93)

Browse source
This commit is contained in:
Sabiha Khan 2025-12-31 13:28:14 +05:30 • committed by GitHub
parent 0b073195f1
commit 3afae6cf09
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 131 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

59
docs/custom.css Normal file
View file

@ -0,0 +1,59 @@
/* Custom search bar styling - Highlighted border with better text visibility */
[data-search-button],
.search-button,
[aria-label*="search"],
[placeholder*="Search"],
button[data-testid*="search"],
.mintlify-search,
.DocSearch-Button {
background: rgba(22, 163, 74, 0.05) !important;
border: 3px solid #16A34A !important;
box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.2), 0 4px 12px rgba(22, 163, 74, 0.15) !important;
border-radius: 10px !important;
transition: all 0.3s ease !important;
min-width: 280px !important;
padding: 12px 16px !important;
}
[data-search-button]:hover,
.search-button:hover,
[aria-label*="search"]:hover,
[placeholder*="Search"]:hover,
button[data-testid*="search"]:hover,
.mintlify-search:hover,
.DocSearch-Button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(22, 163, 74, 0.4) !important;
}
/* Search text and icon styling - Better visibility */
[data-search-button] *,
.search-button *,
[aria-label*="search"] *,
[placeholder*="Search"] *,
button[data-testid*="search"] *,
.mintlify-search *,
.DocSearch-Button * {
color: #16A34A !important;
font-weight: 500 !important;
}
/* Pulse animation */
@keyframes search-pulse {
0% { box-shadow: 0 4px 12px rgba(22, 163, 74, 0.3); }
50% { box-shadow: 0 4px 12px rgba(22, 163, 74, 0.6); }
100% { box-shadow: 0 4px 12px rgba(22, 163, 74, 0.3); }
}
/* Apply animation to all search elements */
[data-search-button],
.search-button,
[aria-label*="search"],
[placeholder*="Search"],
button[data-testid*="search"],
.mintlify-search,
.DocSearch-Button {
animation: search-pulse 2s ease-in-out infinite !important;
}