nik/newdwh2021
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: ページネーションのデザイン修正

Browse Source
This commit is contained in:
shimoda.m@nds-tyo.co.jp 2023-07-05 18:03:03 +09:00
parent ac5ee0e20b
commit a305772891
1 changed files with 22 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
ecs/jskult-webapp/src/static/css/pagenation.css
View File

@ -3,10 +3,6 @@
padding-top: 10px;
}
/* .paginationjs {
width: 100%;
} */
.paginationjs > .paginationjs-nav.J-paginationjs-nav{
position: absolute;
right: 0;
@ -19,10 +15,12 @@ div.paginationjs-pages ul {
}
.paginationjs-pages > ul > li > a {
padding: 6px 18px;
padding: 6px 9px;
color: white;
background-color: gainsboro;
border: 1px solid;
background-color: whitesmoke;
border: 1px solid #bbb;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}
.paginationjs-pages > ul > li > a:hover {
color: black;
@ -31,27 +29,38 @@ div.paginationjs-pages ul {
}
.paginationjs-pages > ul > li.active > a {
color: white;
background-color: gray;
background-color: #666666;
box-shadow: none;
}
.paginationjs-pages > ul > li.active > a:hover {
color: white;
background-color: gray;
background-color: #666666;
cursor: text;
}
.paginationjs-pages > ul > li.disabled > a {
color: white;
background-color: gray;
cursor: text;
background-color: #666666;
box-shadow: none;
}
.paginationjs-pages > ul > li.disabled > a:hover {
color: white;
background-color: gray;
background-color: #666666;
cursor: text;
}
.paginationjs-page {
.paginationjs-page,.paginationjs-prev,.paginationjs-next {
text-decoration: underline;
margin: 0 4px;
}
.paginationjs-page:hover,.paginationjs-prev:hover,.paginationjs-next:hover {
text-decoration: none;
}
.paginationjs-page.active,.paginationjs-prev.disabled,.paginationjs-next.disabled {
text-decoration: none;
}
.paginationjs-pages > ul {
display: flex;
align-items: baseline;