j3d1/webvirtcloud
1
0
Fork 0
mirror of https://github.com/retspen/webvirtcloud synced 2026-11-08 11:16:47 +00:00
Code Issues Projects Releases Wiki Activity

style(instances): a VM's settings tabs on one line in every theme

Browse source 
- With the Host devices tab, a superuser's ten settings tabs took two lines
  in 22 of the 27 themes (up to 166 px short in Darkly): the themes' tab
  font sizes and spacing differ. The tabs take one font size and the same
  side spacing in every theme; the Users tab no longer has narrower spacing
  than the others.
- Measured in the 27 themes at 992, 1200 and 1440 px: one line in each,
  with at least 150 px to spare, room for the guest agent's info tab too.
This commit is contained in:
catborise 2026-10-29 16:06:25 +03:00
parent 0671dc67a0
commit c3c84d780c
2 changed files with 13 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
instances/templates/instances/settings_tab.html
View file

@ -4,7 +4,7 @@
{% load operations %}
<div class="tab-pane mt-3" id="settings" role="tabpanel">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist" aria-label="Instance settings">
<ul class="nav nav-tabs vm-settings-tabs" role="tablist" aria-label="Instance settings">
{% if instance.guest_agent_ready %}
<li class="nav-item" role="presentation">
<button class="px-1 nav-link" data-bs-toggle="tab" id="osinfo-tab" data-bs-target="#osinfo" type="button" role="tab" aria-controls="osinfo" aria-selected="false" onclick="get_osinfo();">
@ -73,7 +73,7 @@
{% endif %}
{% if request.user.is_superuser %}
<li class="nav-item" role="presentation">
<button class="px-1 nav-link" data-bs-toggle="tab" data-bs-target="#users" type="button" role="tab" aria-controls="users" aria-selected="false">
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#users" type="button" role="tab" aria-controls="users" aria-selected="false">
{% trans "Users" %}
</button>
</li>

11
static/css/webvirtcloud.css
View file

@ -102,3 +102,14 @@ th[aria-sort="ascending"]:not([data-sort-method="none"])::after {
.host-nav .breadcrumb-item + .breadcrumb-item::before {
padding-right: var(--bs-breadcrumb-item-padding-x);
}
/* a VM's settings tabs (instances/settings_tab.html) on one line in every
theme: the themes' tab font sizes and spacing differ by up to a tab */
.vm-settings-tabs {
font-size: .875rem;
}
.vm-settings-tabs .nav-link {
padding-left: .75rem;
padding-right: .75rem;
}