vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #5067 - Tag: center icon when no label is present (icon-only mode)

pull/5069/head
tugcekucukoglu 2024-01-11 20:57:10 +03:00
parent e251feb83a
commit 7159d0c5ab
58 changed files with 172 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/lib/tag/Tag.vue
View File

@ -2,7 +2,7 @@
<span :class="cx('root')" v-bind="ptm('root')" data-pc-name="tag">
<component v-if="$slots.icon" :is="$slots.icon" :class="cx('icon')" v-bind="ptm('icon')" />
<span v-else-if="icon" :class="[cx('icon'), icon]" v-bind="ptm('icon')"></span>
<slot>
<slot v-if="value || $slots.default">
<span :class="cx('value')" v-bind="ptm('value')">{{ value }}</span>
</slot>
</span>

4
public/themes/arya-blue/theme.css
View File

@ -5730,9 +5730,11 @@
color: #121212;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/arya-green/theme.css
View File

@ -5730,9 +5730,11 @@
color: #121212;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/arya-orange/theme.css
View File

@ -5730,9 +5730,11 @@
color: #121212;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/arya-purple/theme.css
View File

@ -5730,9 +5730,11 @@
color: #121212;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/bootstrap4-dark-blue/theme.css
View File

@ -5742,9 +5742,11 @@
color: #151515;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/bootstrap4-dark-purple/theme.css
View File

@ -5742,9 +5742,11 @@
color: #151515;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/bootstrap4-light-blue/theme.css
View File

@ -5742,9 +5742,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/bootstrap4-light-purple/theme.css
View File

@ -5742,9 +5742,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/fluent-light/theme.css
View File

@ -5681,9 +5681,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/lara-dark-amber/theme.css
View File

@ -5700,9 +5700,11 @@
color: #450a0a;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/lara-dark-blue/theme.css
View File

@ -5700,9 +5700,11 @@
color: #450a0a;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/lara-dark-cyan/theme.css
View File

@ -5700,9 +5700,11 @@
color: #450a0a;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/lara-dark-green/theme.css
View File

@ -5700,9 +5700,11 @@
color: #450a0a;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/lara-dark-indigo/theme.css
View File

@ -5700,9 +5700,11 @@
color: #450a0a;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/lara-dark-pink/theme.css
View File

@ -5700,9 +5700,11 @@
color: #450a0a;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/lara-dark-purple/theme.css
View File

@ -5700,9 +5700,11 @@
color: #450a0a;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/lara-dark-teal/theme.css
View File

@ -5700,9 +5700,11 @@
color: #450a0a;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/lara-light-amber/theme.css
View File

@ -5700,9 +5700,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/lara-light-blue/theme.css
View File

@ -5700,9 +5700,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/lara-light-cyan/theme.css
View File

@ -5700,9 +5700,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/lara-light-green/theme.css
View File

@ -5700,9 +5700,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/lara-light-indigo/theme.css
View File

@ -5700,9 +5700,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/lara-light-pink/theme.css
View File

@ -5700,9 +5700,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/lara-light-purple/theme.css
View File

@ -5700,9 +5700,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/lara-light-teal/theme.css
View File

@ -5700,9 +5700,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/luna-amber/theme.css
View File

@ -5693,9 +5693,11 @@
color: #212529;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/luna-blue/theme.css
View File

@ -5693,9 +5693,11 @@
color: #212529;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/luna-green/theme.css
View File

@ -5693,9 +5693,11 @@
color: #212529;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/luna-pink/theme.css
View File

@ -5693,9 +5693,11 @@
color: #212529;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/md-dark-deeppurple/theme.css
View File

@ -5754,9 +5754,11 @@
color: #212121;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/md-dark-indigo/theme.css
View File

@ -5754,9 +5754,11 @@
color: #212121;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/md-light-deeppurple/theme.css
View File

@ -5754,9 +5754,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/md-light-indigo/theme.css
View File

@ -5754,9 +5754,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/mdc-dark-deeppurple/theme.css
View File

@ -5754,9 +5754,11 @@
color: #212121;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/mdc-dark-indigo/theme.css
View File

@ -5754,9 +5754,11 @@
color: #212121;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/mdc-light-deeppurple/theme.css
View File

@ -5754,9 +5754,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/mdc-light-indigo/theme.css
View File

@ -5754,9 +5754,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/mira/theme.css
View File

@ -5758,9 +5758,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/nano/theme.css
View File

@ -5730,9 +5730,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/nova-accent/theme.css
View File

@ -5681,9 +5681,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/nova-alt/theme.css
View File

@ -5693,9 +5693,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/nova-vue/theme.css
View File

@ -5693,9 +5693,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/nova/theme.css
View File

@ -5693,9 +5693,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/rhea/theme.css
View File

@ -5681,9 +5681,11 @@
color: #262222;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/saga-blue/theme.css
View File

@ -5730,9 +5730,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/saga-green/theme.css
View File

@ -5730,9 +5730,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/saga-orange/theme.css
View File

@ -5730,9 +5730,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/saga-purple/theme.css
View File

@ -5730,9 +5730,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/soho-dark/theme.css
View File

@ -5705,9 +5705,11 @@
color: #1d1e27;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/soho-light/theme.css
View File

@ -5705,9 +5705,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/tailwind-light/theme.css
View File

@ -5765,9 +5765,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/vela-blue/theme.css
View File

@ -5730,9 +5730,11 @@
color: #121212;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/vela-green/theme.css
View File

@ -5730,9 +5730,11 @@
color: #121212;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/vela-orange/theme.css
View File

@ -5730,9 +5730,11 @@
color: #121212;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/vela-purple/theme.css
View File

@ -5730,9 +5730,11 @@
color: #121212;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/viva-dark/theme.css
View File

@ -5762,9 +5762,11 @@
color: #0e1315;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;

4
public/themes/viva-light/theme.css
View File

@ -5762,9 +5762,11 @@
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-tag .p-tag-icon:not(:last-child) {
margin-right: 0.25rem;
}
.p-tag .p-tag-icon.p-icon {
width: 0.75rem;
height: 0.75rem;