mirror of
https://github.com/getredash/redash.git
synced 2025-12-25 01:03:20 -05:00
0ac24e38a1
* Vertical navbar * Update vertical menu look and add create menu. * Make query editor work with vertical nav. * Dark mode * Fix create menu & make sidebar fixed. * Update Alert pages layout * Update System status pages * Update Queries and Dashboards list pages * Update Query Source and Query View pages * Use dark theme for mobile navbar * Update Dashboard page: fix Add widget/textbox panel positioning * Dashboard page: fix layout issues when container changes its size (fixes known issues: navbar expand/collapse, scrollbar appears/hides) * Fix dashboard page sticky header (there was a 15px space above it) * Fix embeds * Extract desktop navbar component; move mobile navbar and its styles to ApplicationLayout folder * Remove old app header * Fix tests * Restore version info block * Make Percy capture entire page * Make vertical navbar expand/collapse animation smoother (as it's currently impossible to disable it :-( ) * Fix misc UI issues (show Create label on expanded menu; fix some CSS; don't select items on click) * Allow to override navbars with DynamicComponent * Fix misc UI issues: expand/collapse button animation, menu items styles, menu expand/collapse animation * Hide submenu arrow; show username when menu is expanded * Refine CSS and make it more isolated; adjust colors * Update tests Co-authored-by: Arik Fraimovich <arik@arikfr.com>
36 lines
636 B
Plaintext
36 lines
636 B
Plaintext
@backgroundColor: #001529;
|
|
@dividerColor: rgba(255, 255, 255, 0.5);
|
|
@textColor: rgba(255, 255, 255, 0.75);
|
|
|
|
.mobile-navbar {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
background: @backgroundColor;
|
|
box-shadow: 0 4px 9px -3px rgba(102, 136, 153, 0.15);
|
|
padding: 0 15px;
|
|
height: 100%;
|
|
|
|
&-logo {
|
|
img {
|
|
height: 40px;
|
|
width: 40px;
|
|
}
|
|
}
|
|
|
|
.ant-btn.mobile-navbar-toggle-button {
|
|
padding: 0 10px;
|
|
}
|
|
}
|
|
|
|
.mobile-navbar-menu {
|
|
.ant-dropdown-menu-item {
|
|
font-weight: 500;
|
|
color: @textColor;
|
|
}
|
|
|
|
.ant-dropdown-menu-item-divider {
|
|
background: @dividerColor;
|
|
}
|
|
}
|