Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-07-19 05:09:41 +02:00
Code Issues Releases Activity

Fix paddings of icon only button (#193)

Browse source 
* Fix paddings of icon only button

* Update paddings
This commit is contained in:
Tanya 2022-06-01 16:18:58 +08:00 • committed by GitHub
parent f714225e20
commit dd7537a6a0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/backend/views/components/button.twig
View file

@ -24,7 +24,7 @@
<{{tag}}
{{ name is not empty ? 'name="' ~ name ~ '"': '' }}
class="{{ mainClass }} {{ mainClass }}--{{ style|default('primary') }} {{ mainClass }}--{{ size|default('default') }} {{ icon ? mainClass ~ '--with-icon' : '' }} {{ class ?? '' }}"
class="{{ mainClass }} {{ mainClass }}--{{ style|default('primary') }} {{ mainClass }}--{{ size|default('default') }} {{ icon ? mainClass ~ '--with-icon' : '' }} {{label ? mainClass ~ '--with-label' : ''}} {{ class ?? '' }}"
{{ url is not empty ? 'href="' ~ url ~ '"' : '' }}
>
{% if icon %}

28
src/frontend/styles/components/button.pcss
View file

@ -23,7 +23,6 @@
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 4px;
svg {
width: 24px;
@ -32,13 +31,16 @@
}
}
&--with-label &__icon {
margin-right: 4px;
}
&--default {
--height: 40px;
}
&--small {
--height: 32px;
padding-right: 10px;
}
&--primary {
@ -77,7 +79,27 @@
}
}
&--with-icon {
&--with-icon&--with-label {
padding-left: 8px;
}
&--with-icon:not(&--with-label) {
padding-right: 8px;
padding-left: 8px;
}
&--small&--with-icon&--with-label {
padding-left: 6px;
padding-right: 10px;
}
&--small&--with-icon:not(&--with-label) {
padding-right: 6px;
padding-left: 6px;
}
&--small&--with-label:not(&--with-icon) {
padding-right: 10px;
padding-left: 10px;
}
}