1 | .vgt-wrap__actions-footer{
|
2 | border: 1px solid $border-color;
|
3 | }
|
4 | .vgt-wrap__footer{
|
5 | color: $text-color;
|
6 | padding: 1em;
|
7 | border: 1px solid $border-color;
|
8 | background: linear-gradient($thead-bg-color-1, $thead-bg-color-2);
|
9 | .footer__row-count{
|
10 | &__label, &__select{
|
11 | display: inline-block;
|
12 | vertical-align: middle;
|
13 | }
|
14 | &__label{
|
15 | font-size: 14px;
|
16 | color: $secondary-text-color;
|
17 | }
|
18 | &__select{
|
19 | background-color: transparent;
|
20 | width: auto;
|
21 | padding: 0;
|
22 | border: 0;
|
23 | border-radius: 0;
|
24 | height: auto;
|
25 | font-size: 14px;
|
26 | margin-left: 8px;
|
27 | color: $text-color;
|
28 | font-weight: bold;
|
29 | &:focus{
|
30 | outline: none;
|
31 | border-color: $link-color;
|
32 | }
|
33 | }
|
34 | }
|
35 | .footer__navigation{
|
36 | font-size: 14px;
|
37 | &__page-btn, &__info, &__page-info{
|
38 | display: inline-block;
|
39 | vertical-align: middle;
|
40 | }
|
41 | &__page-btn{
|
42 | text-decoration: none;
|
43 | color: $text-color;
|
44 | font-weight: bold;
|
45 | white-space:nowrap;
|
46 | &:focus{
|
47 | outline: none;
|
48 | border: 0;
|
49 | }
|
50 | &.disabled,
|
51 | &.disabled:hover {
|
52 | opacity: 0.5;
|
53 | cursor: not-allowed;
|
54 | .chevron.left:after{
|
55 | border-right-color: $text-color;
|
56 | }
|
57 | .chevron.right:after{
|
58 | border-left-color: $text-color;
|
59 | }
|
60 | }
|
61 | .chevron{
|
62 | width: 24px;
|
63 | height: 24px;
|
64 | border-radius: 15%;
|
65 | position: relative;
|
66 | margin: 0px 8px;
|
67 | &:after{
|
68 | content: '';
|
69 | position: absolute;
|
70 | display: block;
|
71 | left: 50%;
|
72 | top: 50%;
|
73 | margin-top: -6px;
|
74 | border-top: 6px solid transparent;
|
75 | border-bottom: 6px solid transparent;
|
76 | }
|
77 | &.left::after{
|
78 | border-right: 6px solid $link-color;
|
79 | margin-left: -3px;
|
80 | }
|
81 |
|
82 | &.right::after{
|
83 | border-left: 6px solid $link-color;
|
84 | margin-left: -3px;
|
85 | }
|
86 | }
|
87 | }
|
88 | &__info, &__page-info{
|
89 | display: inline-block;
|
90 | color: $secondary-text-color;
|
91 | margin: 0px 16px;
|
92 | }
|
93 | &__page-info{
|
94 | &__current-entry{
|
95 | width: 30px;
|
96 | text-align: center;
|
97 | display: inline-block;
|
98 | margin: 0px 10px;
|
99 | font-weight: bold;
|
100 | }
|
101 | }
|
102 | }
|
103 | }
|
104 |
|
105 | @media only screen and (max-width: 750px) {
|
106 |
|
107 | .vgt-wrap__footer .footer__navigation__info{
|
108 | display: none;
|
109 | }
|
110 | .vgt-wrap__footer .footer__navigation__page-btn{
|
111 | margin-left: 16px;
|
112 | }
|
113 | } |
\ | No newline at end of file |