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', link=f'{app_label}:{model_name}_add',
title='Add', title='Add',
icon_class='mdi mdi-plus-thick', icon_class='mdi mdi-plus-thick',
permissions=[f'{app_label}.add_{model_name}'], permissions=[f'{app_label}.add_{model_name}']
color=ButtonColorChoices.GREEN
) )
) )
if 'import' in actions: 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', link=f'{app_label}:{model_name}_import',
title='Import', title='Import',
icon_class='mdi mdi-upload', icon_class='mdi mdi-upload',
permissions=[f'{app_label}.add_{model_name}'], permissions=[f'{app_label}.add_{model_name}']
color=ButtonColorChoices.CYAN
) )
) )

View File

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

Binary file not shown.

View File

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

View File

@ -28,7 +28,7 @@
{% if buttons %} {% if buttons %}
<div class="btn-group ms-1"> <div class="btn-group ms-1">
{% for button in buttons %} {% 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> <i class="{{ button.icon_class }}"></i>
</a> </a>
{% endfor %} {% endfor %}