zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

fix(a11y): solid color for secondary text (#148)

Browse source
This commit is contained in:
patak 2022-11-26 21:41:18 +01:00 • committed by GitHub
parent 730eeca5b2
commit e45ecf55f2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
19 changed files with 36 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

8
components/common/CommonPaginator.vue
View file

@ -28,13 +28,13 @@ const { items, state, endAnchor, error } = usePaginator(paginator)
</template>
<div ref="endAnchor" />
<div v-if="state === 'loading'" p5 text-center flex="~ col" items-center animate-pulse>
<div op50 i-ri:loader-2-fill animate-spin text-2xl />
<span op50>Loading...</span>
<div text-secondary i-ri:loader-2-fill animate-spin text-2xl />
<span text-secondary>Loading...</span>
</div>
<div v-else-if="state === 'done'" p5 op50 italic text-center>
<div v-else-if="state === 'done'" p5 text-secondary italic text-center>
End of the list
</div>
<div v-else-if="state === 'error'" p5 op50>
<div v-else-if="state === 'error'" p5 text-secondary>
ERROR: {{ error }}
</div>
</div>

2
components/common/dropdown/DropdownItem.vue
View file

@ -27,7 +27,7 @@ const handleClick = (evt: MouseEvent) => {
<div text-15px>
<slot />
</div>
<div text-3 text="gray/90">
<div text-3 text-secondary>
<slot name="description">
<p v-if="description">
{{ description }}