NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-08-18 05:28:16 -06:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Tweak navbar size

Browse Source
This commit is contained in:
Jeremy Stretch 2023-12-29 19:47:18 -05:00
parent 0a03a7ed74
commit f746ab178d
5 changed files with 4 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
netbox/project-static/dist/netbox-print.css vendored
View File

Binary file not shown.

BIN
netbox/project-static/dist/netbox.css vendored
View File

Binary file not shown.

3
netbox/project-static/styles/_netbox.scss
View File

@ -1,5 +1,4 @@
// Entry for netbox-light.css stylesheet.
@import 'variables';
@import '../node_modules/@tabler/core/src/scss/_core.scss';
//@import './theme-light.scss';
//@import './select.scss';

54
netbox/project-static/styles/variables.scss
View File

@ -1,55 +1,3 @@
// NetBox CSS Variables
:root {
// Light Mode Variables.
--nbx-sidebar-bg: #{$gray-200};
--nbx-sidebar-scroll: #{$gray-500};
--nbx-sidebar-link-hover-bg: #{rgba($gray-600, 0.15)};
--nbx-sidebar-link-active-bg: #9cc8f8;
--nbx-sidebar-title-color: #{$text-muted};
--nbx-sidebar-shadow: inset 0px -25px 20px -25px rgba(0, 0, 0, 0.25);
--nbx-breadcrumb-bg: #{$light};
--nbx-body-bg: #{$white};
--nbx-body-color: #{$gray-800};
--nbx-pre-bg: #{$gray-100};
--nbx-pre-border-color: #{$gray-600};
--nbx-change-added: #{rgba($green, 0.4)};
--nbx-change-removed: #{rgba($red, 0.4)};
--nbx-cable-node-bg: #{$gray-100};
--nbx-cable-node-border-color: #{$gray-200};
--nbx-cable-termination-bg: #{$gray-200};
--nbx-cable-termination-border-color: #{$gray-300};
--nbx-search-filter-border-left-color: #{$gray-300};
--nbx-color-mode-toggle-color: #{$primary};
--nbx-sidenav-link-color: #{$gray-800};
--nbx-sidenav-pin-color: #{$orange};
--nbx-sidenav-parent-color: #{$gray-800};
--nbx-sidenav-group-color: #{$gray-800};
&[data-netbox-color-mode='dark'] {
// Dark Mode Variables.
--nbx-sidebar-bg: #{$gray-900};
--nbx-sidebar-scroll: #{$gray-700};
--nbx-sidebar-link-active-bg: #{rgba($blue-300, 0.25)};
--nbx-sidebar-link-hover-bg: #{rgba($gray-500, 0.15)};
--nbx-sidebar-title-color: #{$gray-600};
--nbx-sidebar-shadow: inset 0px -25px 20px -25px rgba(255, 255, 255, 0.05);
--nbx-breadcrumb-bg: #{$gray-800};
--nbx-body-bg: #{$darker};
--nbx-body-color: #{$gray-100};
--nbx-pre-bg: #{$gray-700};
--nbx-pre-border-color: #{$gray-600};
--nbx-change-added: #{rgba($green-300, 0.4)};
--nbx-change-removed: #{rgba($red-300, 0.4)};
--nbx-cable-node-bg: #{$gray-700};
--nbx-cable-node-border-color: #{$gray-600};
--nbx-cable-termination-bg: #{$gray-800};
--nbx-cable-termination-border-color: #{$gray-700};
--nbx-search-filter-border-left-color: #{$gray-600};
--nbx-color-mode-toggle-color: #{$yellow-300};
--nbx-sidenav-link-color: #{$gray-200};
--nbx-sidenav-pin-color: #{$yellow};
--nbx-sidenav-parent-color: #{$gray-200};
--nbx-sidenav-group-color: #{$gray-600};
}
}
$sidebar-width: 18rem;

4
netbox/utilities/templates/navigation/menu.html
View File

@ -19,11 +19,11 @@
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
{% for group, items in groups %}
<div class="hr-text dropdown-item m-0 ps-2">
<div class="hr-text dropdown-item m-0 px-2">
<span>{{ group.label }}</span>
</div>
{% for item, buttons in items %}
<a class="dropdown-item ps-2" href="{% url item.link %}">
<a class="dropdown-item ps-3" href="{% url item.link %}">
{{ item.link_text }}
</a>
{% endfor %}