| 1 | // Base | = | 1 | // Base |
| 2 | // | 2 | // | |
| 3 | 3 | |||
| 4 | .dropdown-item, | 4 | .dropdown-item, | |
| 5 | .page-link, | 5 | .page-link, | |
| 6 | .nav { | 6 | .nav { | |
| 7 | outline: 0; | 7 | outline: 0; | |
| 8 | } | 8 | } | |
| 9 | 9 | |||
| 10 | // Page transition | 10 | // Page transition | |
| 11 | // | 11 | // | |
| 12 | 12 | |||
| 13 | .router-transitions { | 13 | .router-transitions { | |
| 14 | opacity: 1; | 14 | opacity: 1; | |
| 15 | transition: opacity .2s; | 15 | transition: opacity .2s; | |
| 16 | 16 | |||
| 17 | body.app-loading & { | 17 | body.app-loading & { | |
| 18 | opacity: .75; | 18 | opacity: .75; | |
| 19 | } | 19 | } | |
| 20 | } | 20 | } | |
| 21 | 21 | |||
| 22 | // Tables | 22 | // Tables | |
| 23 | // | 23 | // | |
| 24 | 24 | |||
| 25 | table.b-table > thead > tr > th.sorting, | 25 | table.b-table > thead > tr > th.sorting, | |
| 26 | table.b-table > tfoot > tr > th.sorting { | 26 | table.b-table > tfoot > tr > th.sorting { | |
| 27 | padding-right: 2rem; | 27 | padding-right: 2rem; | |
| 28 | } | 28 | } | |
| 29 | 29 | |||
| 30 | [dir=rtl] .b-table > thead > tr > th.sorting, | 30 | [dir=rtl] .b-table > thead > tr > th.sorting, | |
| 31 | [dir=rtl] .b-table > tfoot > tr > th.sorting { | 31 | [dir=rtl] .b-table > tfoot > tr > th.sorting { | |
| 32 | padding-left: 2rem; | 32 | padding-left: 2rem; | |
| 33 | 33 | |||
| 34 | &:before { | 34 | &:before { | |
| 35 | right: auto; | 35 | right: auto; | |
| 36 | left: .75em; | 36 | left: .75em; | |
| 37 | } | 37 | } | |
| 38 | 38 | |||
| 39 | &:after { | 39 | &:after { | |
| 40 | right: auto; | 40 | right: auto; | |
| 41 | left: .25em; | 41 | left: .25em; | |
| 42 | } | 42 | } | |
| 43 | } | 43 | } | |
| 44 | 44 | |||
| -+ | 45 | table.b-table > thead { | ||
| 46 | > tr > th:focus { | |||
| 47 | outline: 0; | |||
| 48 | text-decoration: underline; | |||
| 49 | } | |||
| 50 | ||||
| 51 | > tr > th.sorting::before, | |||
| 52 | > tr > th.sorting::after { | |||
| 53 | bottom: auto !important; | |||
| 54 | padding-bottom: 0 !important; | |||
| 55 | top: 50%; | |||
| 56 | transform: translateY(-50%); | |||
| 57 | } | |||
| 58 | } | |||
| 59 | ||||
| 45 | .default-style[dir=rtl] .b-table { | = | 60 | .default-style[dir=rtl] .b-table { |
| 46 | @import "~@/vendor/styles/_appwork/include"; | 61 | @import "~@/vendor/styles/_appwork/include"; | |
| 47 | 62 | |||
| 48 | > thead > tr > th.sorting, | 63 | > thead > tr > th.sorting, | |
| 49 | > tfoot > tr > th.sorting { | 64 | > tfoot > tr > th.sorting { | |
| 50 | padding-right: $table-cell-padding; | 65 | padding-right: $table-cell-padding; | |
| 51 | } | 66 | } | |
| 52 | 67 | |||
| 53 | &.card-table > thead > tr > th.sorting:first-child, | 68 | &.card-table > thead > tr > th.sorting:first-child, | |
| 54 | &.card-table > tfoot > tr > th.sorting:first-child { | 69 | &.card-table > tfoot > tr > th.sorting:first-child { | |
| 55 | padding-right: $card-spacer-x; | 70 | padding-right: $card-spacer-x; | |
| 56 | } | 71 | } | |
| 57 | } | 72 | } | |
| 58 | 73 | |||
| 59 | .material-style[dir=rtl] .b-table { | 74 | .material-style[dir=rtl] .b-table { | |
| 60 | @import "~@/vendor/styles/_appwork/include-material"; | 75 | @import "~@/vendor/styles/_appwork/include-material"; | |
| 61 | 76 | |||
| 62 | > thead > tr > th.sorting, | 77 | > thead > tr > th.sorting, | |
| 63 | > tfoot > tr > th.sorting { | 78 | > tfoot > tr > th.sorting { | |
| 64 | padding-right: $table-cell-padding; | 79 | padding-right: $table-cell-padding; | |
| 65 | } | 80 | } | |
| 66 | 81 | |||
| 67 | &.card-table > thead > tr > th.sorting:first-child, | 82 | &.card-table > thead > tr > th.sorting:first-child, | |
| 68 | &.card-table > tfoot > tr > th.sorting:first-child { | 83 | &.card-table > tfoot > tr > th.sorting:first-child { | |
| 69 | padding-right: $card-spacer-x; | 84 | padding-right: $card-spacer-x; | |
| 70 | } | 85 | } | |
| 71 | } | 86 | } |