fix: avoid hover effect of add (item / effect) button being cut off

This commit is contained in:
Johannes Loher 2022-02-13 00:12:42 +01:00
parent 92ed1027f4
commit 76a0e9f6e5
3 changed files with 11 additions and 1 deletions

View file

@ -0,0 +1,9 @@
/*
* SPDX-FileCopyrightText: 2021 Johannes Loher
*
* SPDX-License-Identifier: MIT
*/
.ds4-add-button {
padding: 0 calc(1em / 3);
}

View file

@ -11,6 +11,7 @@
@use "global/fonts"; @use "global/fonts";
// shared // shared
@use "components/shared/add_button";
@use "components/shared/control_button_group"; @use "components/shared/control_button_group";
@use "components/shared/editor"; @use "components/shared/editor";
@use "components/shared/embedded_document_list"; @use "components/shared/embedded_document_list";

View file

@ -11,7 +11,7 @@ SPDX-License-Identifier: MIT
!-- @param title: The title to use for the link element (will be localized) !-- @param title: The title to use for the link element (will be localized)
!-- @param type: An optional property to use as data-type attribute !-- @param type: An optional property to use as data-type attribute
}} }}
<div> <div class="ds4-add-button">
<a class="control-{{documentType}}" title="{{localize title}}" data-action="create" {{#if type}}data-type="{{type}}" <a class="control-{{documentType}}" title="{{localize title}}" data-action="create" {{#if type}}data-type="{{type}}"
{{/if}}> {{/if}}>
<i class="fas fa-plus"></i> <i class="fas fa-plus"></i>