fix: gear settings being invisible when trying to edit status page items with long names (#6229)

This commit is contained in:
Paulus Lucas 2025-10-23 02:24:23 +02:00 committed by GitHub
parent 0840e72055
commit 49f8f8d803
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -37,7 +37,14 @@
<div class="info">
<font-awesome-icon v-if="editMode" icon="arrows-alt-v" class="action drag me-3" />
<font-awesome-icon v-if="editMode" icon="times" class="action remove me-3" @click="removeMonitor(group.index, monitor.index)" />
<font-awesome-icon
v-if="editMode"
icon="cog"
class="action me-3 ms-0"
:class="{'link-active': true, 'btn-link': true}"
data-testid="monitor-settings"
@click="$refs.monitorSettingDialog.show(group, monitor)"
/>
<Uptime :monitor="monitor.element" type="24" :pill="true" />
<a
v-if="showLink(monitor)"
@ -50,18 +57,6 @@
{{ monitor.element.name }}
</a>
<p v-else class="item-name" data-testid="monitor-name"> {{ monitor.element.name }} </p>
<span
title="Setting"
>
<font-awesome-icon
v-if="editMode"
:class="{'link-active': true, 'btn-link': true}"
icon="cog" class="action me-3"
data-testid="monitor-settings"
@click="$refs.monitorSettingDialog.show(group, monitor)"
/>
</span>
</div>
<div class="extra-info">
<div v-if="showCertificateExpiry && monitor.element.certExpiryDaysRemaining">