fix: avoid hover effect of add (item / effect) button being cut off
This commit is contained in:
parent
92ed1027f4
commit
76a0e9f6e5
3 changed files with 11 additions and 1 deletions
9
scss/components/shared/_add_button.scss
Normal file
9
scss/components/shared/_add_button.scss
Normal file
|
@ -0,0 +1,9 @@
|
||||||
|
/*
|
||||||
|
* SPDX-FileCopyrightText: 2021 Johannes Loher
|
||||||
|
*
|
||||||
|
* SPDX-License-Identifier: MIT
|
||||||
|
*/
|
||||||
|
|
||||||
|
.ds4-add-button {
|
||||||
|
padding: 0 calc(1em / 3);
|
||||||
|
}
|
|
@ -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";
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue