Bugzilla – Attachment 141642 Details for
Bug 30952
New design for staff interface
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Help
|
New Account
|
Log In
[x]
|
Forgot Password
Login:
[x]
[patch]
Bug 30952: Change tables style
Bug-30952-Change-tables-style.patch (text/plain), 8.52 KB, created by
Julian Maurice
on 2022-10-12 05:27:54 UTC
(
hide
)
Description:
Bug 30952: Change tables style
Filename:
MIME Type:
Creator:
Julian Maurice
Created:
2022-10-12 05:27:54 UTC
Size:
8.52 KB
patch
obsolete
>From 165ad9d74289d907a7a1a8426ac4f62f009a7f8a Mon Sep 17 00:00:00 2001 >From: =?UTF-8?q?Sol=C3=A8ne=20Desvaux?= <solene.desvaux@biblibre.com> >Date: Mon, 25 Jul 2022 16:37:41 +0200 >Subject: [PATCH] Bug 30952: Change tables style > >--- > .../intranet-tmpl/prog/css/src/_tables.scss | 108 ++++++++++-------- > 1 file changed, 60 insertions(+), 48 deletions(-) > >diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss b/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss >index a62600d96f..4291db77c5 100644 >--- a/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss >+++ b/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss >@@ -1,6 +1,6 @@ > table { > border-collapse: collapse; >- border-right: 1px solid $table-border-color; >+ > border-top: 1px solid $table-border-color; > > .btn-group { >@@ -70,6 +70,10 @@ table { > > &.dataTable { > border-collapse: collapse; >+ border: none; >+ margin-top: .5em; >+ margin-bottom: .5em; >+ > > tfoot { > td, >@@ -79,15 +83,20 @@ table { > } > > thead { >+ >+ > th, > td { >- border-bottom: 1px solid $table-border-color; >- border-left: 1px solid $table-border-color; >- padding: .5em; > >+ border-top: none; >+ border-left: none; >+ border-right: none; >+ border: none; >+ padding: .5em; > } > > tr { >+ background-color: #fff; > &.columnFilter { > th { > padding: 0; >@@ -96,8 +105,6 @@ table { > } > > .sorting_asc { >- background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L2c+PC9zdmc+") no-repeat scroll right center $table-header-background; >- padding-right: 19px; > > &.fixed_sort { > background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L3N2Zz4=") no-repeat scroll right center $table-header-background; >@@ -107,26 +114,22 @@ table { > > .sorting_desc { > background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvZz48L3N2Zz4=") no-repeat scroll right center $table-header-background; >- padding-right: 19px; > > &.fixed_sort { > background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvc3ZnPg==") no-repeat scroll right center $table-header-background; > cursor: default; > } > } >- >- .sorting { >- background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi41NTFtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMyAyLjU1MDY2MTQiPjxwYXRoIGZpbGw9IiNhY2FjYWMiIGQ9Ik00LjA1IDEuNDVoLTIuMUwzIDIuNTV6Ii8+PHBhdGggZmlsbD0iI2FjYWNhYyIgZD0iTTQuMDUgMS4xaC0yLjFMMyAweiIvPjwvc3ZnPg==") no-repeat scroll right center $table-header-background; >- padding-right: 19px; >- } > } > > tbody { >+ border-top: 2px solid #A19B9E; >+ > td { > padding: .5em; >+ border: none; > } > } >- > } > > /* Row grouping */ >@@ -154,9 +157,7 @@ table { > > td, > th { >- border-bottom: 1px solid $table-border-color; >- border-left: 1px solid $table-border-color; >- padding: .2em .3em; >+ padding: .2em .9em; > } > > td { >@@ -167,6 +168,24 @@ td { > white-space: nowrap; > } > >+ button, a, input[type="button"]{ >+ &.btn-default{ >+ color: #71B443; >+ padding: .3em; >+ border: none; >+ background-color: transparent; >+ border: none; >+ box-shadow: none; >+ font-size: 100%; >+ >+ &:hover, &:active, &:focus, &:active:hover, &:active:focus{ >+ background-color: transparent; >+ color: #71B443; >+ text-decoration: underline; >+ } >+ } >+ } >+ > &.borderless { > border: 0 none; > border-collapse: separate; >@@ -197,7 +216,6 @@ td { > > > th { >- background-color: $table-header-background; > font-weight: bold; > text-align: center; > >@@ -354,15 +372,17 @@ caption { > > tbody { > tr { >+ > &:nth-child(odd):not(.dtrg-group) { > td { >- border-right: 1px solid $table-border-color; >+ border: none; > } > } > &:nth-child(odd):not(.dtrg-group):not(.active):not(.ok) { > td { > &:not(.bg-danger):not(.bg-warning):not(.bg-info):not(.bg-success):not(.bg-primary) { > background-color: $table-odd-row; >+ margin: 1em; > } > } > } >@@ -372,7 +392,7 @@ tbody { > .dataTables_wrapper { > .dataTables_processing { > background-color: #F4F8F9; >- border: 2px solid #82B4BE; >+ border: 2px solid #538200; > border-radius: 3px; > box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .2); > color: #333; >@@ -419,43 +439,29 @@ tbody { > } > > .paginate_button { >- color: #004D99 !important; > padding-bottom: 0; > padding-top: 0; > >+ >+ &.current, > &:hover, > &:active { >- background: #FFC none; >- border: 1px solid transparent; >- box-shadow: none; >- color: #222BAC !important; >- } >- >- &.current { >- background: #E6FCB7 none; >- border: 0; >- color: #666; >+ border-radius: 4px; >+ color: #666 !important; > font-weight: bold; >- >- &:hover, >- &:active { >- background: #E6FCB7 none; >- border: 0; >- box-shadow: none; >- color: #666; >- cursor: default; >- } >+ background: #fff; > } > > &.first, > &.previous, > &.next, > &.last { >+ padding: 0; >+ > &::before, > &::after { > display: inline-block; > font-family: FontAwesome; >- width: 1em; > } > } > >@@ -464,21 +470,18 @@ tbody { > > &::before { > content: "\f100"; >- padding-right: .5em; > } > } > > &.previous { > &::before { > content: "\f104"; >- padding-right: .5em; > } > } > > &.next { > &::after { > content: "\f105"; >- padding-left: .5em; > } > } > >@@ -487,7 +490,6 @@ tbody { > > &::after { > content: "\f101"; >- padding-left: .5em; > } > } > } >@@ -498,13 +500,21 @@ tbody { > font-size: 90%; > > &.top { >- border-top: 1px solid $table-border-color; >- padding-top: 1em; >+ padding: 1em 0; >+ margin-top: 1em; >+ margin-bottom: 17px; > } > > &.bottom { >- border-bottom: 1px solid $table-border-color; > padding-bottom: 1em; >+ display: none; >+ } >+ >+ div{ >+ &.dt-buttons { >+ position: relative; >+ float: right; >+ } > } > > button, >@@ -513,11 +523,13 @@ tbody { > &.dt-button { > background: transparent none; > border: 0; >- color: #000; >+ color: #696969; > font-size: 1em; > line-height: 1.7em; > margin: 3px 3px 0; > padding: 0 .5em; >+ position: relative; >+ float: right; > > &::before { > content: ''; >-- >2.30.2
You cannot view the attachment while viewing its details because your browser does not support IFRAMEs.
View the attachment on a separate page
.
View Attachment As Diff
View Attachment As Raw
Actions:
View
|
Diff
|
Splinter Review
Attachments on
bug 30952
:
136810
|
136812
|
136813
|
136815
|
136816
|
136818
|
136819
|
136820
|
136822
|
136823
|
136825
|
136827
|
136828
|
136830
|
136831
|
136833
|
136834
|
136836
|
136837
|
136839
|
136840
|
136842
|
136844
|
136845
|
136847
|
136848
|
136878
|
136879
|
136880
|
136881
|
136882
|
136883
|
136884
|
136885
|
136886
|
136887
|
136888
|
136889
|
136890
|
136891
|
136892
|
136893
|
136894
|
136895
|
136896
|
136897
|
136898
|
136899
|
136900
|
136901
|
136902
|
136950
|
136951
|
136952
|
136953
|
136954
|
136955
|
136956
|
136957
|
136958
|
136959
|
136960
|
136961
|
136962
|
136963
|
136964
|
136965
|
136966
|
136967
|
136968
|
136969
|
136970
|
136971
|
136972
|
136973
|
136974
|
137408
|
137409
|
137410
|
137411
|
137414
|
137415
|
137416
|
137417
|
137418
|
137419
|
137420
|
137744
|
137767
|
137768
|
137775
|
137776
|
137994
|
138091
|
138092
|
138093
|
138094
|
138095
|
138096
|
138097
|
138098
|
138099
|
138100
|
138101
|
138102
|
138103
|
138245
|
138246
|
138247
|
138293
|
138299
|
138300
|
138302
|
140117
|
140118
|
140119
|
140120
|
140121
|
140122
|
140123
|
140124
|
140125
|
140126
|
140127
|
140128
|
140129
|
140130
|
140131
|
140132
|
140133
|
140134
|
140135
|
140136
|
140137
|
140138
|
140139
|
140140
|
140141
|
140142
|
140143
|
140371
|
140372
|
140373
|
140374
|
140433
|
140435
|
140459
|
140460
|
140512
|
140513
|
140514
|
140515
|
140516
|
140517
|
140519
|
140520
|
140521
|
140522
|
140523
|
140524
|
140525
|
140526
|
140527
|
140528
|
140529
|
140530
|
140531
|
140532
|
140533
|
140534
|
140535
|
140536
|
140537
|
140538
|
140539
|
140540
|
140541
|
140542
|
140543
|
140544
|
140545
|
140546
|
140547
|
140548
|
140549
|
140550
|
140551
|
140552
|
140553
|
140554
|
140555
|
140556
|
140557
|
140558
|
140559
|
140560
|
140566
|
140567
|
140570
|
140571
|
140575
|
140576
|
140577
|
140588
|
140613
|
140617
|
140618
|
140619
|
140620
|
140628
|
140629
|
140635
|
140649
|
140650
|
140651
|
140652
|
140653
|
140654
|
140658
|
140687
|
140976
|
140977
|
141020
|
141024
|
141026
|
141027
|
141041
|
141043
|
141044
|
141047
|
141052
|
141053
|
141054
|
141055
|
141056
|
141057
|
141064
|
141074
|
141075
|
141631
|
141632
|
141633
|
141634
|
141635
|
141636
|
141637
|
141638
|
141639
|
141640
|
141641
| 141642 |
141643
|
141644
|
141645
|
141646
|
141647
|
141648
|
141649
|
141650
|
141651
|
141652
|
141653
|
141654
|
141655
|
141656
|
141657
|
141658
|
141659
|
141660
|
141661
|
141662
|
141663
|
141664
|
141665
|
141666
|
141667
|
141668
|
141669
|
141670
|
141671
|
141672
|
141673
|
141674
|
141675
|
141676
|
141677
|
141678
|
141679
|
141680
|
141681
|
141682
|
141683
|
141684
|
141685
|
141686
|
141687
|
141688
|
141689
|
141690
|
141691
|
141692
|
141693
|
141694
|
141695
|
141696
|
141697
|
141698
|
141699
|
141700
|
141701
|
141702
|
141703
|
141704
|
141705
|
141706
|
141707
|
141708
|
141709
|
141710
|
141711
|
141712
|
141713
|
142604
|
142605