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

Theming update

pull/345/head
cagataycivici 2020-05-10 04:26:08 +03:00
parent 17a265e63f
commit deddd5c4b5
27 changed files with 1952 additions and 2018 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1264,7 +1264,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1401,7 +1400,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1831,7 +1829,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {

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

@ -1264,7 +1264,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1401,7 +1400,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1831,7 +1829,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {

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

@ -1264,7 +1264,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1401,7 +1400,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1831,7 +1829,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {

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

@ -1264,7 +1264,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1401,7 +1400,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1831,7 +1829,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {

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

@ -1264,7 +1264,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1401,7 +1400,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1831,7 +1829,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {

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

@ -1264,7 +1264,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1401,7 +1400,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1831,7 +1829,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {

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

@ -1264,7 +1264,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1401,7 +1400,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1831,7 +1829,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {

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

@ -1264,7 +1264,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-top-right-radius: 2px; border-top-right-radius: 2px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1401,7 +1400,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-top-right-radius: 2px; border-top-right-radius: 2px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1831,7 +1829,6 @@
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-top-right-radius: 2px; border-top-right-radius: 2px;
font-size: 1rem;
font-weight: 700; font-weight: 700;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {

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

@ -1264,7 +1264,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1401,7 +1400,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1831,7 +1829,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {

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

@ -1264,7 +1264,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1401,7 +1400,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1831,7 +1829,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {

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

@ -1264,7 +1264,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1401,7 +1400,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1831,7 +1829,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {

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

@ -1264,7 +1264,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1401,7 +1400,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1831,7 +1829,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {

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

@ -1264,7 +1264,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1401,7 +1400,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1831,7 +1829,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {

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

@ -1264,7 +1264,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1401,7 +1400,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1831,7 +1829,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {

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

@ -1264,7 +1264,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1401,7 +1400,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1831,7 +1829,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {

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

@ -1264,7 +1264,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1401,7 +1400,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1831,7 +1829,6 @@
padding: 1rem; padding: 1rem;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
font-size: 1.25rem;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

4
src/assets/styles/app.scss
View File

@ -1489,7 +1489,7 @@ pre[class*="language-"] code {
.dark-theme-alt { .dark-theme-alt {
.implementation { .implementation {
background-color: #151e27 !important; background-color: #10161d !important;
color: #ebedef !important; color: #ebedef !important;
} }
@ -1499,6 +1499,6 @@ pre[class*="language-"] code {
} }
.demo-footer { .demo-footer {
background-color: #151e27 !important; background-color: #10161d !important;
} }
} }

19
src/views/datatable/DataTableDemo.vue
View File

@ -19,7 +19,10 @@
<template #header> <template #header>
<div class="table-header"> <div class="table-header">
List of Customers List of Customers
<InputText v-model="filters['global']" placeholder="Global Search" /> <span class="p-input-icon-left">
<i class="pi pi-search" />
<InputText v-model="filters['global']" placeholder="Global Search" />
</span>
</div> </div>
</template> </template>
<template #empty> <template #empty>
@ -238,7 +241,7 @@ export default {
} }
/deep/ .p-progressbar { /deep/ .p-progressbar {
height: 8px; height: .5rem;
background-color: #D8DADC; background-color: #D8DADC;
.p-progressbar-value { .p-progressbar-value {
@ -256,7 +259,7 @@ export default {
} }
/deep/ .p-datepicker { /deep/ .p-datepicker {
min-width: 25em; min-width: 25rem;
td { td {
font-weight: 400; font-weight: 400;
@ -265,13 +268,13 @@ export default {
/deep/ .p-datatable.p-datatable-customers { /deep/ .p-datatable.p-datatable-customers {
.p-datatable-header { .p-datatable-header {
padding: 12px; padding: 1rem;
text-align: left; text-align: left;
font-size: 20px; font-size: 1.5rem;
} }
.p-paginator { .p-paginator {
padding: 1em; padding: 1rem;
} }
.p-datatable-thead > tr > th { .p-datatable-thead > tr > th {
@ -310,10 +313,10 @@ export default {
border: 0 none; border: 0 none;
.p-column-title { .p-column-title {
padding: .4em; padding: .4rem;
min-width: 30%; min-width: 30%;
display: inline-block; display: inline-block;
margin: -.4em 1em -.4em -.4em; margin: -.4rem 1rem -.4rem -.4rem;
font-weight: bold; font-weight: bold;
} }
} }

19
src/views/datatable/DataTableDoc.vue
View File

@ -2359,7 +2359,10 @@ export default {
&lt;template #header&gt; &lt;template #header&gt;
&lt;div class="table-header"&gt; &lt;div class="table-header"&gt;
List of Customers List of Customers
&lt;InputText v-model="filters['global']" placeholder="Global Search" /&gt; &lt;span class="p-input-icon-left"&gt;
&lt;i class="pi pi-search" /&gt;
&lt;InputText v-model="filters['global']" placeholder="Global Search" /&gt;
&lt;/span&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;template #empty&gt; &lt;template #empty&gt;
@ -2570,7 +2573,7 @@ export default {
} }
/deep/ .p-progressbar { /deep/ .p-progressbar {
height: 8px; height: .5rem;
background-color: #D8DADC; background-color: #D8DADC;
.p-progressbar-value { .p-progressbar-value {
@ -2588,7 +2591,7 @@ export default {
} }
/deep/ .p-datepicker { /deep/ .p-datepicker {
min-width: 25em; min-width: 25rem;
td { td {
font-weight: 400; font-weight: 400;
@ -2597,13 +2600,13 @@ export default {
/deep/ .p-datatable.p-datatable-customers { /deep/ .p-datatable.p-datatable-customers {
.p-datatable-header { .p-datatable-header {
padding: 12px; padding: 1rem;
text-align: left; text-align: left;
font-size: 20px; font-size: 1.5rem;
} }
.p-paginator { .p-paginator {
padding: 1em; padding: 1rem;
} }
.p-datatable-thead > tr > th { .p-datatable-thead > tr > th {
@ -2642,10 +2645,10 @@ export default {
border: 0 none; border: 0 none;
.p-column-title { .p-column-title {
padding: .4em; padding: .4rem;
min-width: 30%; min-width: 30%;
display: inline-block; display: inline-block;
margin: -.4em 1em -.4em -.4em; margin: -.4rem 1rem -.4rem -.4rem;
font-weight: bold; font-weight: bold;
} }
} }