Remove button colors; hide buttons except on hover/active

This commit is contained in:
Jeremy Stretch 2024-01-11 10:48:02 -05:00
parent bc6508c0d9
commit 15385eeda5
5 changed files with 16 additions and 13 deletions

View File

@ -79,8 +79,7 @@ def get_model_buttons(app_label, model_name, actions=('add', 'import')):
link=f'{app_label}:{model_name}_add',
title='Add',
icon_class='mdi mdi-plus-thick',
permissions=[f'{app_label}.add_{model_name}'],
color=ButtonColorChoices.GREEN
permissions=[f'{app_label}.add_{model_name}']
)
)
if 'import' in actions:
@ -89,8 +88,7 @@ def get_model_buttons(app_label, model_name, actions=('add', 'import')):
link=f'{app_label}:{model_name}_import',
title='Import',
icon_class='mdi mdi-upload',
permissions=[f'{app_label}.add_{model_name}'],
color=ButtonColorChoices.CYAN
permissions=[f'{app_label}.add_{model_name}']
)
)

View File

@ -386,15 +386,13 @@ ADMIN_MENU = Menu(
link=f'users:netboxuser_add',
title='Add',
icon_class='mdi mdi-plus-thick',
permissions=[f'auth.add_user'],
color=ButtonColorChoices.GREEN
permissions=[f'auth.add_user']
),
MenuItemButton(
link=f'users:netboxuser_import',
title='Import',
icon_class='mdi mdi-upload',
permissions=[f'auth.add_user'],
color=ButtonColorChoices.CYAN
permissions=[f'auth.add_user']
)
)
),
@ -409,15 +407,13 @@ ADMIN_MENU = Menu(
link=f'users:netboxgroup_add',
title='Add',
icon_class='mdi mdi-plus-thick',
permissions=[f'auth.add_group'],
color=ButtonColorChoices.GREEN
permissions=[f'auth.add_group']
),
MenuItemButton(
link=f'users:netboxgroup_import',
title='Import',
icon_class='mdi mdi-upload',
permissions=[f'auth.add_group'],
color=ButtonColorChoices.CYAN
permissions=[f'auth.add_group']
)
)
),

Binary file not shown.

View File

@ -6,6 +6,9 @@
a {
color: inherit;
}
.btn-group {
visibility: hidden;
}
// Adjust hover color & style for menu items
&:hover {
@ -13,6 +16,9 @@
a {
text-decoration: none;
}
.btn-group {
visibility: visible;
}
}
// Style active menu item
@ -21,6 +27,9 @@
a {
color: white;
}
.btn-group {
visibility: visible;
}
}
}

View File

@ -28,7 +28,7 @@
{% if buttons %}
<div class="btn-group ms-1">
{% for button in buttons %}
<a href="{% url button.link %}" class="btn btn-sm btn-{{ button.color }} lh-2" title="{{ button.title }}">
<a href="{% url button.link %}" class="btn btn-sm btn-{{ button.color|default:"outline-dark" }} lh-2" title="{{ button.title }}">
<i class="{{ button.icon_class }}"></i>
</a>
{% endfor %}