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

Added flex-wrap and updated themes

pull/345/head
cagataycivici 2020-05-28 12:42:30 +03:00
parent f0fb1f9124
commit 325d81c144
29 changed files with 173 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #333333;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #585858;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #333333;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #585858;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #333333;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #585858;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #333333;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #f4f4f4;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #333333;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #f4f4f4;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #333333;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #f4f4f4;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #333333;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #f4f4f4;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #333333;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #7B95A3;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #1976D2;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #e9ecef;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #00838F;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #e9ecef;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #512DA8;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #e9ecef;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #388E3C;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #e9ecef;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #303F9F;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #e9ecef;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #FFA000;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #e9ecef;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #7B1FA2;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #e9ecef;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #00796B;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #e9ecef;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #64B5F6;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #34495E;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #4DD0E1;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #34495E;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #9575CD;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #34495E;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #81C784;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #34495E;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #7986CB;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #34495E;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #FFD54F;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #34495E;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #BA68C8;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #34495E;

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

@ -1135,6 +1135,12 @@
.p-fluid .p-button-icon-only {
width: 2.357rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #4DB6AC;
@ -1273,6 +1279,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #34495E;

1
src/components/breadcrumb/Breadcrumb.vue
View File

@ -37,6 +37,7 @@ export default {
list-style-type: none;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.p-breadcrumb .p-menuitem-text {

1
src/components/megamenu/MegaMenu.vue
View File

@ -345,6 +345,7 @@ export default {
.p-megamenu-horizontal .p-megamenu-root-list {
display: flex;
align-items: center;
flex-wrap: wrap;
}
/* Vertical */

1
src/components/paginator/Paginator.vue
View File

@ -203,6 +203,7 @@ export default {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.p-paginator-left-content {

1
src/components/tabmenu/TabMenu.vue
View File

@ -69,6 +69,7 @@ export default {
margin: 0;
padding: 0;
list-style-type: none;
flex-wrap: wrap;
}
.p-tabmenu-nav a {

1
src/components/tabview/TabView.vue
View File

@ -96,6 +96,7 @@ export default {
margin: 0;
padding: 0;
list-style-type: none;
flex-wrap: wrap;
}
.p-tabview-nav-link {