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

Fixed alignment issues and more padding for fileupload

pull/345/head
cagataycivici 2020-05-13 11:46:51 +03:00
parent fbb9f93570
commit 59dd666aeb
25 changed files with 89 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2452,6 +2452,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #FFA000; background: #FFA000;

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

@ -2452,6 +2452,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #1b9044; background: #1b9044;

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

@ -2452,6 +2452,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #b72452; background: #b72452;

3
public/themes/nova-colored/theme.css
View File

@ -2452,6 +2452,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #116fbf; background: #116fbf;

3
public/themes/nova-dark/theme.css
View File

@ -2452,6 +2452,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #116fbf; background: #116fbf;

3
public/themes/nova-light/theme.css
View File

@ -2452,6 +2452,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #116fbf; background: #116fbf;

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

@ -2452,6 +2452,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #318c63; background: #318c63;

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

@ -2452,6 +2452,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #6c8999; background: #6c8999;

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

@ -2460,7 +2460,7 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #ffffff; background: #ffffff;
padding: 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -2469,6 +2469,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #1E88E5; background: #1E88E5;

5
public/themes/saga-cyan/theme.css
View File

@ -2460,7 +2460,7 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #ffffff; background: #ffffff;
padding: 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -2469,6 +2469,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #0097A7; background: #0097A7;

5
public/themes/saga-deeppurple/theme.css
View File

@ -2460,7 +2460,7 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #ffffff; background: #ffffff;
padding: 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -2469,6 +2469,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #5E35B1; background: #5E35B1;

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

@ -2460,7 +2460,7 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #ffffff; background: #ffffff;
padding: 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -2469,6 +2469,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #43A047; background: #43A047;

5
public/themes/saga-indigo/theme.css
View File

@ -2460,7 +2460,7 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #ffffff; background: #ffffff;
padding: 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -2469,6 +2469,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #3949AB; background: #3949AB;

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

@ -2460,7 +2460,7 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #ffffff; background: #ffffff;
padding: 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -2469,6 +2469,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #FFB300; background: #FFB300;

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

@ -2460,7 +2460,7 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #ffffff; background: #ffffff;
padding: 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -2469,6 +2469,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #8E24AA; background: #8E24AA;

5
public/themes/saga-teal/theme.css
View File

@ -2460,7 +2460,7 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #ffffff; background: #ffffff;
padding: 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -2469,6 +2469,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #00897B; background: #00897B;

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

@ -2460,7 +2460,7 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #1C2833; background: #1C2833;
padding: 1rem; padding: 2rem 1rem;
border: 1px solid #2C3E50; border: 1px solid #2C3E50;
color: #ebedef; color: #ebedef;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -2469,6 +2469,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #42A5F5; background: #42A5F5;

5
public/themes/vela-cyan/theme.css
View File

@ -2460,7 +2460,7 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #1C2833; background: #1C2833;
padding: 1rem; padding: 2rem 1rem;
border: 1px solid #2C3E50; border: 1px solid #2C3E50;
color: #ebedef; color: #ebedef;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -2469,6 +2469,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #26C6DA; background: #26C6DA;

5
public/themes/vela-deeppurple/theme.css
View File

@ -2460,7 +2460,7 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #1C2833; background: #1C2833;
padding: 1rem; padding: 2rem 1rem;
border: 1px solid #2C3E50; border: 1px solid #2C3E50;
color: #ebedef; color: #ebedef;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -2469,6 +2469,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #7E57C2; background: #7E57C2;

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

@ -2460,7 +2460,7 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #1C2833; background: #1C2833;
padding: 1rem; padding: 2rem 1rem;
border: 1px solid #2C3E50; border: 1px solid #2C3E50;
color: #ebedef; color: #ebedef;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -2469,6 +2469,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #66BB6A; background: #66BB6A;

5
public/themes/vela-indigo/theme.css
View File

@ -2460,7 +2460,7 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #1C2833; background: #1C2833;
padding: 1rem; padding: 2rem 1rem;
border: 1px solid #2C3E50; border: 1px solid #2C3E50;
color: #ebedef; color: #ebedef;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -2469,6 +2469,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #5C6BC0; background: #5C6BC0;

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

@ -2460,7 +2460,7 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #1C2833; background: #1C2833;
padding: 1rem; padding: 2rem 1rem;
border: 1px solid #2C3E50; border: 1px solid #2C3E50;
color: #ebedef; color: #ebedef;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -2469,6 +2469,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #FFCA28; background: #FFCA28;

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

@ -2460,7 +2460,7 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #1C2833; background: #1C2833;
padding: 1rem; padding: 2rem 1rem;
border: 1px solid #2C3E50; border: 1px solid #2C3E50;
color: #ebedef; color: #ebedef;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -2469,6 +2469,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #AB47BC; background: #AB47BC;

5
public/themes/vela-teal/theme.css
View File

@ -2460,7 +2460,7 @@
} }
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #1C2833; background: #1C2833;
padding: 1rem; padding: 2rem 1rem;
border: 1px solid #2C3E50; border: 1px solid #2C3E50;
color: #ebedef; color: #ebedef;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -2469,6 +2469,9 @@
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
} }
.p-fileupload .p-fileupload-row > div {
margin-right: 0.5rem;
}
.p-fileupload-choose:not(.p-disabled):hover { .p-fileupload-choose:not(.p-disabled):hover {
background: #26A69A; background: #26A69A;

2
src/components/fileupload/FileUpload.vue
View File

@ -353,8 +353,8 @@ export default {
} }
.p-fileupload-row { .p-fileupload-row {
display: table-row;
display: flex; display: flex;
align-items: center;
} }
.p-fileupload-content .p-progressbar { .p-fileupload-content .p-progressbar {