lower opacity on office suite selection (because it's disabled) when containers are running

Signed-off-by: Andrew Backhouse <andrew.backhouse@nextcloud.com>
This commit is contained in:
Andrew Backhouse 2026-01-27 12:14:13 +01:00
parent 3e62ba0d27
commit e5d0d6849e
2 changed files with 6 additions and 2 deletions

View file

@ -574,6 +574,10 @@ input[type="checkbox"]:disabled:not(:checked) + label {
flex-direction: column;
}
.office-card-disabled {
opacity: 50%;
}
.office-card:hover {
border-color: var(--color-primary-element);
box-shadow: 0 4px 12px rgba(0, 130, 201, 0.15);

View file

@ -24,7 +24,7 @@
checked="checked"
{% endif %}
>
<label class="office-card" for="office-collabora">
<label class="office-card{{ isAnyRunning ? ' office-card-disabled' : '' }}" for="office-collabora">
<div class="office-card-header">
<h4>Nextcloud Office</h4>
<svg class="office-checkmark" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
@ -58,7 +58,7 @@
checked="checked"
{% endif %}
>
<label class="office-card" for="office-onlyoffice">
<label class="office-card{{ isAnyRunning ? ' office-card-disabled' : '' }}" for="office-onlyoffice">
<div class="office-card-header">
<h4>OnlyOffice</h4>
<svg class="office-checkmark" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">