Bug 39320: (QA follow-up): Style new ERMCounts list
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io> Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org> Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
This commit is contained in:
parent
0e94b8457e
commit
d57bb45ce3
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<WidgetWrapper v-bind="widgetWrapperProps">
|
||||
<template #default>
|
||||
<ul>
|
||||
<ul class="count-list">
|
||||
<li v-for="def in countDefinitions" :key="def.name">
|
||||
<strong>
|
||||
<router-link v-if="def.page" :to="{ name: def.page }">
|
||||
|
|
@ -132,3 +132,26 @@ export default {
|
|||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.count-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
gap: 0.75rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.count-list li {
|
||||
background: #eee;
|
||||
padding: 0.3em 0.8em;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.inactive-link {
|
||||
color: #888;
|
||||
}
|
||||
.count-list a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.count-list a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue