Skip to content

Commit

Permalink
adjust spacing between status and transverse status (#829)
Browse files Browse the repository at this point in the history
  • Loading branch information
bellangerq authored Nov 6, 2024
1 parent c665c19 commit 24ca971
Showing 1 changed file with 16 additions and 8 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -241,6 +241,14 @@ const uniqueId = computed(() => {
});
const isOffline = useIsOffline();
const showTransverseStatus = computed(() => {
return (
props.page.id !== transversePageId.value &&
transverseStatus &&
transverseStatus.value !== CriteriumResultStatus.NOT_TESTED
);
});
</script>

<template>
Expand All @@ -256,7 +264,11 @@ const isOffline = useIsOffline();
</div>

<!-- STATUS -->
<div class="fr-ml-6w fr-mb-2w criterium-radios-container">
<div
:class="`fr-ml-6w criterium-radios-container ${
showTransverseStatus ? 'fr-mb-3v' : 'fr-mb-2w'
}`"
>
<RadioGroup
:disabled="isOffline"
:model-value="result.status"
Expand All @@ -270,12 +282,8 @@ const isOffline = useIsOffline();

<!-- TRANSVERSE STATUS -->
<div
v-if="
page.id !== transversePageId &&
transverseStatus &&
transverseStatus !== CriteriumResultStatus.NOT_TESTED
"
class="fr-ml-5w fr-mb-4w fr-p-1w"
v-if="showTransverseStatus"
class="fr-ml-5w fr-mb-4w fr-px-1w"
:class="{ 'criterium-transverse-is-open': showTransverseComment }"
>
<div class="criterium-transverse-notice">
Expand All @@ -292,7 +300,7 @@ const isOffline = useIsOffline();
transverseStatus === CriteriumResultStatus.NOT_COMPLIANT
}
]"
>{{ formatStatus(transverseStatus) }}</strong
>{{ formatStatus(transverseStatus!) }}</strong
>
pour les éléments transverses.
</p>
Expand Down

0 comments on commit 24ca971

Please sign in to comment.