diff options
| author | Mario <mario@mariovavti.com> | 2024-02-13 21:14:03 +0000 |
|---|---|---|
| committer | Mario <mario@mariovavti.com> | 2024-02-13 21:14:03 +0000 |
| commit | e2b1670d6c8768e43993a266a4be64ef2eefdb8e (patch) | |
| tree | c731995dcc80657fb56717735a8d9dfd50280192 /view | |
| parent | 2bfdfbe3cc094f5a7e33bda42ca259b8470f41c9 (diff) | |
| download | volse-hubzilla-e2b1670d6c8768e43993a266a4be64ef2eefdb8e.tar.gz volse-hubzilla-e2b1670d6c8768e43993a266a4be64ef2eefdb8e.tar.bz2 volse-hubzilla-e2b1670d6c8768e43993a266a4be64ef2eefdb8e.zip | |
fix round buttons not being round
Diffstat (limited to 'view')
| -rw-r--r-- | view/css/widgets.css | 15 | ||||
| -rw-r--r-- | view/tpl/hq_controls.tpl | 4 |
2 files changed, 16 insertions, 3 deletions
diff --git a/view/css/widgets.css b/view/css/widgets.css index 42768b001..8d04e6e0d 100644 --- a/view/css/widgets.css +++ b/view/css/widgets.css @@ -269,7 +269,7 @@ a.wikilist { } /* hq_controls */ -.hq_controls_fixed_bottom_center { +.hq_controls.hq_controls_fixed_bottom_center { z-index: 1028; position: fixed; bottom: 0px; @@ -277,3 +277,16 @@ a.wikilist { transform: translateX(-50%); } +.hq_controls .btn.rounded-circle { + width: 2.7rem; + height: 2.7rem; + padding: 0; + font-size: 1rem; +} + +.hq_controls_fixed_bottom_center .btn.rounded-circle { + width: 3.2rem; + height: 3.2rem; + padding: 0; + font-size: 1.5rem; +} diff --git a/view/tpl/hq_controls.tpl b/view/tpl/hq_controls.tpl index 3adbfa7c0..0d433c2c2 100644 --- a/view/tpl/hq_controls.tpl +++ b/view/tpl/hq_controls.tpl @@ -1,7 +1,7 @@ -<div class="mb-3{{if $wrapper_class}} {{$wrapper_class}}{{/if}}"> +<div class="mb-3 hq_controls{{if $wrapper_class}} {{$wrapper_class}}{{/if}}"> {{foreach $entries as $e}} <button class="{{$e.class}} rounded-circle{{if $entry_class}} {{$entry_class}}{{/if}}" type="{{$e.type}}" title="{{$e.label}}"{{if $e.extra}} {{$e.extra}}{{/if}}> - {{if $e.icon}}<i class="fa fa-{{$e.icon}} mt-1 mb-1"></i>{{/if}} + {{if $e.icon}}<i class="fa fa-{{$e.icon}}"></i>{{/if}} </button> {{/foreach}} </div> |