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

Move css of paginator

pull/12/head
cagataycivici 2019-05-24 00:20:12 +03:00
parent 423b8ecc0e
commit 7a9c0fafbe
3 changed files with 104 additions and 102 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/styles/primevue.css
View File

@ -17,7 +17,6 @@
@import '../../components/message/Message.css'; @import '../../components/message/Message.css';
@import '../../components/multiselect/MultiSelect.css'; @import '../../components/multiselect/MultiSelect.css';
@import '../../components/overlaypanel/OverlayPanel.css'; @import '../../components/overlaypanel/OverlayPanel.css';
@import '../../components/paginator/Paginator.css';
@import '../../components/panel/Panel.css'; @import '../../components/panel/Panel.css';
@import '../../components/password/Password.css'; @import '../../components/password/Password.css';
@import '../../components/progressbar/ProgressBar.css'; @import '../../components/progressbar/ProgressBar.css';

100
src/components/paginator/Paginator.css
View File

@ -1,100 +0,0 @@
.p-paginator {
margin: 0;
text-align: center;
padding: .125em;
}
.p-paginator .p-paginator-top {
border-bottom: 0 none;
}
.p-paginator .p-paginator-bottom {
border-top:0 none;
}
.p-paginator .p-paginator-left-content {
float: left;
}
.p-paginator .p-paginator-right-content {
float: right;
}
.p-paginator .p-paginator-page,
.p-paginator .p-paginator-pages,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last,
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-current {
display: inline-block;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
zoom: 1;
margin-left: .063em;
margin-right: .063em;
text-decoration: none;
vertical-align: middle;
text-align: center;
position: relative;
cursor: pointer;
}
.p-paginator .p-paginator-pages {
width: auto;
line-height: 1;
}
.p-paginator .p-paginator-icon {
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 1em;
height: 1em;
margin-top: -.5em;
margin-left: -.5em;
}
.p-paginator .p-paginator-page,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last,
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev{
cursor: pointer;
}
.p-paginator .p-paginator-current,
.p-paginator .p-paginator-rpp-options {
margin-left: 1em;
margin-right: 1em;
background-image: none;
}
.p-paginator .p-paginator-jtp-select option,
.p-paginator .p-paginator-rpp-options option {
background-image: none;
border: 0 none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.p-paginator .p-disabled {
outline: 0 none;
}
.p-paginator .p-dropdown {
min-width: 4em;
margin-left: .375em;
}
.p-fluid .p-paginator .p-dropdown {
width: auto;
}
.p-paginator .p-paginator-current {
width: auto;
height: auto;
}

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

@ -186,3 +186,106 @@ export default {
}, },
} }
</script> </script>
<style lang="css">
.p-paginator {
margin: 0;
text-align: center;
padding: .125em;
}
.p-paginator .p-paginator-top {
border-bottom: 0 none;
}
.p-paginator .p-paginator-bottom {
border-top:0 none;
}
.p-paginator .p-paginator-left-content {
float: left;
}
.p-paginator .p-paginator-right-content {
float: right;
}
.p-paginator .p-paginator-page,
.p-paginator .p-paginator-pages,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last,
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-current {
display: inline-block;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
zoom: 1;
margin-left: .063em;
margin-right: .063em;
text-decoration: none;
vertical-align: middle;
text-align: center;
position: relative;
cursor: pointer;
}
.p-paginator .p-paginator-pages {
width: auto;
line-height: 1;
}
.p-paginator .p-paginator-icon {
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 1em;
height: 1em;
margin-top: -.5em;
margin-left: -.5em;
}
.p-paginator .p-paginator-page,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last,
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev{
cursor: pointer;
}
.p-paginator .p-paginator-current,
.p-paginator .p-paginator-rpp-options {
margin-left: 1em;
margin-right: 1em;
background-image: none;
}
.p-paginator .p-paginator-jtp-select option,
.p-paginator .p-paginator-rpp-options option {
background-image: none;
border: 0 none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.p-paginator .p-disabled {
outline: 0 none;
}
.p-paginator .p-dropdown {
min-width: 4em;
margin-left: .375em;
}
.p-fluid .p-paginator .p-dropdown {
width: auto;
}
.p-paginator .p-paginator-current {
width: auto;
height: auto;
}
</style>