diff --git a/WebContent/css/tabulator/tabulator.min.css b/WebContent/css/tabulator/tabulator.min.css index 86652b0..946bf33 100644 --- a/WebContent/css/tabulator/tabulator.min.css +++ b/WebContent/css/tabulator/tabulator.min.css @@ -1,10 +1,12 @@ + .tabulator { position: relative; - border: 1px solid #999; + border: 1px solid #dadce0; background-color: white; - font-size: 13px; + font-size: 12px; text-align: left; overflow: hidden; + border-radius: 8px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); @@ -29,10 +31,11 @@ position: relative; box-sizing: border-box; width: 100%; - border-bottom: 1px solid #999; - background-color: #e6e6e6; - color: #555; - font-weight: 700; + border-bottom: 2px solid #1a73e8; + background-color: #f8f9fa; + color: #202124; + font-weight: 600; + font-size: 12px; white-space: nowrap; overflow: hidden; -moz-user-select: none; @@ -61,10 +64,10 @@ box-sizing: border-box; flex-direction: column; justify-content: flex-start; - border-right: 1px solid #aaa; - background: #e6e6e6; - text-align: left; - vertical-align: bottom; + border-right: 1px solid #dadce0; + background: #f8f9fa; + text-align: center; + vertical-align: middle; overflow: hidden } @@ -78,7 +81,7 @@ .tabulator .tabulator-header .tabulator-col .tabulator-col-content { box-sizing: border-box; position: relative; - padding: 4px + padding: 6px 8px } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button @@ -187,7 +190,7 @@ .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover { cursor: pointer; - background-color: #cdcdcd + background-color: #e8f0fe } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter @@ -378,10 +381,11 @@ } .tabulator .tabulator-footer { - border-top: 1px solid #999; - background-color: #e6e6e6; - color: #555; - font-weight: 700; + border-top: 1px solid #dadce0; + background-color: #f8f9fa; + color: #202124; + font-weight: 500; + font-size: 12px; white-space: nowrap; user-select: none; -moz-user-select: none; @@ -438,7 +442,7 @@ .tabulator .tabulator-footer .tabulator-paginator { flex: 1; text-align: right; - color: #555; + color: #202124; font-family: inherit; font-weight: inherit; font-size: inherit @@ -447,9 +451,11 @@ .tabulator .tabulator-footer .tabulator-page-size { display: inline-block; margin: 0 5px; - padding: 2px 5px; - border: 1px solid #aaa; - border-radius: 3px + padding: 4px 8px; + border: 1px solid #dadce0; + border-radius: 4px; + background: white; + font-size: 12px } .tabulator .tabulator-footer .tabulator-pages { @@ -459,24 +465,30 @@ .tabulator .tabulator-footer .tabulator-page { display: inline-block; margin: 0 2px; - padding: 2px 5px; - border: 1px solid #aaa; - border-radius: 3px; - background: hsla(0, 0%, 100%, .2) + padding: 4px 8px; + border: 1px solid #dadce0; + border-radius: 4px; + background: white; + font-size: 12px; + transition: all 0.15s ease } .tabulator .tabulator-footer .tabulator-page.active { - color: #d00 + color: white; + background: #1a73e8; + border-color: #1a73e8; + font-weight: 600 } .tabulator .tabulator-footer .tabulator-page:disabled { opacity: .5 } -.tabulator .tabulator-footer .tabulator-page:not (.disabled ):hover { +.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover { cursor: pointer; - background: rgba(0, 0, 0, .2); - color: #fff + background: #e8f0fe; + border-color: #1a73e8; + color: #1a73e8 } .tabulator .tabulator-col-resize-handle { @@ -536,26 +548,25 @@ .tabulator-row { position: relative; box-sizing: border-box; - min-height: 22px; - + min-height: 28px; background-color: #fff } .tabulator-row.tabulator-row-even { - background-color: #efefef + background-color: #fafbfc } .tabulator-row.tabulator-selectable:hover { - background-color: #F69831; + background-color: #e8f0fe; cursor: pointer } .tabulator-row.tabulator-selected { - background-color: #9abcea + background-color: #d2e3fc } .tabulator-row.tabulator-selected:hover { - background-color: #769bcc; + background-color: #aecbfa; cursor: pointer } @@ -617,13 +628,15 @@ display: inline-block; position: relative; box-sizing: border-box; - padding: 4px; - border-right: 1px solid #aaa; + padding: 4px 8px; + border-right: 1px solid #dadce0; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - height:30px; + height: 28px; + font-size: 12px; + color: #202124; } .tabulator-row .tabulator-cell.tabulator-frozen { @@ -643,9 +656,10 @@ } .tabulator-row .tabulator-cell.tabulator-editing { - border: 1px solid #1d68cd; + border: 1px solid #1a73e8; outline: none; - padding: 0 + padding: 0; + box-shadow: 0 0 0 1px #1a73e8 } .tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select @@ -812,18 +826,19 @@ .tabulator-row.tabulator-group { box-sizing: border-box; - border-bottom: 1px solid #999; - border-right: 1px solid #aaa; - border-top: 1px solid #999; - padding: 5px 5px 5px 10px; - background: #ccc; - font-weight: 700; + border-bottom: 1px solid #dadce0; + border-right: 1px solid #dadce0; + border-top: 1px solid #dadce0; + padding: 6px 8px 6px 12px; + background: #f8f9fa; + font-weight: 600; + font-size: 12px; min-width: 100% } .tabulator-row.tabulator-group:hover { cursor: pointer; - background-color: rgba(0, 0, 0, .1) + background-color: #e8f0fe } .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow @@ -914,10 +929,9 @@ opacity: .5 } -.tabulator-menu .tabulator-menu-item:not (.tabulator-menu-item-disabled - ):hover { +.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover { cursor: pointer; - background: #efefef + background: #e8f0fe } .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu { @@ -1096,7 +1110,7 @@ z-index: 10000 } -body.tabulator-print-fullscreen-hide>:not (.tabulator-print-fullscreen ){ +body.tabulator-print-fullscreen-hide>:not(.tabulator-print-fullscreen) { display: none !important }