NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-08-26 17:26:10 -06:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

widget style fix and unique ids based on name

Browse Source
This commit is contained in:
aron bergur jóhannsson 2023-03-02 22:39:30 +00:00
parent b362024b12
commit 3af52aaf13
7 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

BIN
netbox/project-static/dist/netbox.js.map vendored
View File

Binary file not shown.

8
netbox/project-static/styles/netbox.scss
View File

@ -1004,12 +1004,12 @@ div.card-overlay {
border-bottom: 0; border-bottom: 0;
&.active { &.active {
background-color: var(--nbx-body-bg) !important; background-color: var(--nbx-body-bg);
} }
} }
.nav-link.active {
// background-color: var(--nbx-body-bg) !important; .nav-tabs {
background-color: blueviolet; background-color: var(--nbx-pre-bg);
} }
} }

14
netbox/utilities/templates/widgets/markdown_input.html
View File

@ -1,22 +1,22 @@
<div class="border rounded markdown-preview"> <div class="border rounded markdown-widget">
<ul class="nav nav-tabs px-3 pt-2 rounded-top bg-transparent border-0"> <ul class="nav nav-tabs px-3 pt-2 rounded-top border-0">
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button class="nav-link active " id="comment-input-tab" data-bs-toggle="tab" data-bs-target="#comment-input" type="button" role="tab" aria-controls="comment-input" aria-selected="true"> <button class="nav-link active " id="{{ widget.name }}-input-tab" data-bs-toggle="tab" data-bs-target="#{{ widget.name }}-input" type="button" role="tab" aria-controls="{{ widget.name }}-input" aria-selected="true">
Write Write
</button> </button>
</li> </li>
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button class="nav-link " id="markdown-preview-tab" data-bs-toggle="tab" data-bs-target="#markdown-preview" type="button" role="tab" aria-controls="markdown-preview" aria-selected="false"> <button hx-target="#{{ widget.name }}-preview" hx-swap="innerHTML" hx-post="{% url 'extras:markdown_render' %}" class="nav-link preview-button" id="{{ widget.name }}-markdown-preview-tab" data-bs-toggle="tab" data-bs-target="#{{ widget.name }}-markdown-preview" type="button" role="tab" aria-controls="{{ widget.name }}-markdown-preview" aria-selected="false">
Preview Preview
</button> </button>
</li> </li>
</ul> </ul>
<div class="tab-content bg-body rounded-bottom border-top"> <div class="tab-content bg-body rounded-bottom border-top">
<div class="tab-pane show active" id="comment-input" role="tabpanel" aria-labelledby="comment-input-tab"> <div class="tab-pane show active" id="{{ widget.name }}-input" role="tabpanel" aria-labelledby="{{ widget.name }}-input-tab">
{% include "django/forms/widgets/textarea.html" %} {% include "django/forms/widgets/textarea.html" %}
</div> </div>
<div class="tab-pane show" id="markdown-preview" role="tabpanel" aria-labelledby="markdown-preview-tab"> <div class="tab-pane show" id="{{ widget.name }}-markdown-preview" role="tabpanel" aria-labelledby="{{ widget.name }}-markdown-preview-tab">
<div class="test">This is rendered markdown</div> <div id="{{ widget.name }}-preview" class="preview px-3 py-2">Testing</div>
</div> </div>
</div> </div>
</div> </div>