vendor/assets/stylesheets/table.scss in active_frontend-2.1.0 vs vendor/assets/stylesheets/table.scss in active_frontend-3.0.0

- old
+ new

@@ -14,27 +14,29 @@ .table { width: 100%; } .table caption, .table th, .table td { background: rgba(255,255,255,1); - border-top: 1px solid rgba(225,232,237,1); + border-top: 1px solid rgba(243,243,243,1); font-size: 16px; line-height: 25px; padding: 9px 10px 6px 10px; text-align: left; vertical-align: middle; } -.table caption, .table th, .table tfoot td { background: rgba(255,255,255,1); - font-size: 15px; + border-top-width: 2px; + font-size: 14px; font-weight: bold; + letter-spacing: 1px; padding: 7px 10px 7px 10px; + text-transform: uppercase; } -.table th a { color: rgba(43,50,53,1); } -.table th a:hover { color: rgba(0,132,255,1); } +.table th a { color: rgba(34,34,34,1); } +.table th a:hover { color: rgba(76,143,202,1); } .table th.tablespy-sort-asc:before { content: "\f3d8"; float: right; font-family: "Ionicons"; font-weight: normal; @@ -58,20 +60,22 @@ .table th.tablespy-sort-desc, .table th.tablespy-sort-none { cursor: pointer; } .table th.tablespy-sort-empty:before { content: ""; } .table th.tablespy-sort-empty { pointer-events: none; } .table caption { - border-bottom: 1px solid rgba(225,232,237,1); + border-bottom: 2px solid rgba(243,243,243,1); border-top: 0; + font-size: 15px; + padding: 7px 10px 7px 10px; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } -.table tbody + tbody { border-top: 2px solid rgba(225,232,237,1); } +.table tbody + tbody { border-top: 2px solid rgba(243,243,243,1); } .table-condensed caption, .table-condensed th, .table-condensed tfoot td { font-size: 13px; padding: 5px; @@ -79,33 +83,34 @@ .table-condensed td { font-size: 14px; padding: 5px 5px 3px 5px; } .table-bordered { - border: 1px solid rgba(225,232,237,1); + border: 1px solid rgba(243,243,243,1); border-collapse: separate; border-left: 0; } .table-bordered caption { - border: 1px solid rgba(225,232,237,1); + border: 1px solid rgba(243,243,243,1); + border-bottom-width: 2px; margin-bottom: -1px; } .table-bordered th, -.table-bordered td { border-left: 1px solid rgba(225,232,237,1); } +.table-bordered td { border-left: 1px solid rgba(243,243,243,1); } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-striped tbody > tr:nth-child(odd) > td, -.table-striped tbody > tr:nth-child(odd) > th { background: rgba(245,248,250,1); } +.table-striped tbody > tr:nth-child(odd) > th { background: rgba(249,249,249,1); } .table-hover tbody tr:hover > td, -.table-hover tbody tr:hover > th { background: rgba(240,243,245,1); } +.table-hover tbody tr:hover > th { background: rgba(243,243,243,1); } .table-unbordered, .table-unbordered thead, .table-unbordered tbody, .table-unbordered th, .table-unbordered td { border: 0; } @@ -113,17 +118,17 @@ height: 300px; overflow: auto; } .table .btn { text-decoration: none !important; - text-transform: none !important; + text-transform: none !important; } /* # Media Queries ================================================== */ @media only screen and (max-width: 960px) { .table-responsive { - border: 1px solid rgba(225,232,237,1); + border: 1px solid rgba(243,243,243,1); max-height: 300px; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; overflow: scroll; } \ No newline at end of file