Proyectos de Subversion Moodle

Rev

Rev 1 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
.pagination,
2 
.comment-paging {
3 
  margin: 1rem 0;
4 
  display: flex;
5 
  @include list-unstyled();
6 
  @include border-radius();
7 
 
8 
  .pagination {
9 
    margin: 0;
10 
  }
1441 ariadna 11 
 
12 
  .course_category_tree & {
13 
    margin: 0;
14 
    background-color: $gray-100;
15 
    display: flex;
16 
    align-items: center;
17 
 
18 
    .theme-dark & {
19 
      background-color: $dm-gray-100;
20 
    }
21 
  }
1 efrain 22 
}
23 
 
24 
.page-link,
25 
.comment-paging a {
26 
  position: relative;
27 
  display: flex;
28 
  padding: $pagination-padding-y $pagination-padding-x;
29 
  margin-left: $pagination-border-width;
30 
  line-height: $pagination-line-height;
31 
  font-weight: $font-weight-medium;
32 
  color: $pagination-color;
33 
  text-decoration: if($link-decoration == none, null, none);
34 
  border-radius: $btn-border-radius;
35 
 
36 
  .theme-dark & {
37 
    color: $dm-pagination-color;
38 
  }
39 
 
1441 ariadna 40 
  .initialsdropdown & {
41 
    border: 1px solid $dropdown-border-color;
42 
    background-color: $dropdown-bg;
43 
    color: $dropdown-color;
44 
 
45 
    .theme-dark & {
46 
      border-color: $dm-dropdown-border-color;
47 
      background-color: $dm-dropdown-bg;
48 
      color: $dm-dropdown-color;
49 
    }
50 
  }
51 
 
1 efrain 52 
  &:hover {
53 
    z-index: 2;
54 
    color: $pagination-hover-color;
55 
    text-decoration: none;
56 
    background-color: $pagination-hover-bg;
57 
 
58 
    .theme-dark & {
59 
      color: $dm-pagination-hover-color;
60 
      background-color: $dm-pagination-hover-bg;
61 
    }
62 
  }
63 
 
64 
  &:focus {
65 
    z-index: 3;
66 
  }
67 
}
68 
 
69 
.page-item {
70 
  &.active .page-link {
71 
    z-index: 3;
72 
    color: $pagination-active-color;
73 
    background-color: $pagination-active-bg;
74 
 
75 
    .theme-dark & {
76 
      color: $dm-pagination-active-color;
77 
      background-color: $dm-pagination-active-bg;
78 
    }
79 
  }
80 
 
81 
  &.disabled .page-link {
82 
    color: $pagination-disabled-color;
83 
    pointer-events: none;
84 
    // Opinionated: remove the "hand" cursor set previously for .page-link
85 
    cursor: auto;
86 
    background-color: $pagination-disabled-bg;
87 
    border-color: $pagination-disabled-border-color;
88 
 
89 
    opacity: .3;
90 
 
91 
    .theme-dark & {
92 
      color: $dm-pagination-disabled-color;
93 
      background-color: $dm-pagination-disabled-bg;
94 
      border-color: $dm-pagination-disabled-border-color;
95 
    }
96 
  }
97 
}
98 
 
99 
  //Comments pagination
100 
  .comment-pagination {
101 
    margin-bottom: 1rem;
102 
  }
103 
 
104 
  .curpage {
105 
    color: $pagination-active-color;
106 
    background-color: $pagination-active-bg;
107 
 
108 
    .theme-dark & {
109 
      color: $dm-pagination-active-color;
110 
      background-color: $dm-pagination-active-bg;
111 
    }
112 
  }
113 
 
114 
//
115 
// Sizing
116 
//
117 
 
118 
.pagination-lg {
119 
  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);
120 
}
121 
 
122 
.pagination-sm {
123 
  .page-link {
124 
    margin: 0;
125 
    padding: 4px 10px;
126 
    font-size: $font-size-xs;
127 
    min-width: 30px;
128 
    height: 30px;
129 
    display: flex;
130 
    align-items: center;
131 
    justify-content: center;
132 
    border-radius: 30px!important;
133 
  }
134 
}
135 
 
136 
.initialsdropdown {
137 
  .initialbarlabel {
138 
    color: $dm-body-color;
139 
 
140 
    .theme-dark & {
141 
      color: $dm-body-color;
142 
    }
143 
  }
144 
 
145 
  .page-item.active .page-link {
146 
    .dropdown-menu & {
147 
      background-color: $dropdown-link-hover-bg;
148 
      color: $dropdown-color;
149 
 
150 
      .theme-dark & {
151 
        background-color: $dm-dropdown-link-hover-bg;
152 
        color: $dm-dropdown-color;
153 
      }
154 
    }
155 
  }
156 
}
157 
 
158 
.initialbar {
159 
  padding-bottom: 10px;
160 
  margin-bottom: 10px;
161 
 
162 
  .dropdown-menu & {
163 
    border-bottom: 1px solid $dropdown-border-color;
164 
 
165 
    .theme-dark & {
166 
      border-color: $dropdown-border-color;
167 
    }
168 
  }
169 
 
170 
  &:last-of-type {
171 
    padding-bottom: 0;
172 
    margin-bottom: 0;
173 
    border-bottom: 0;
174 
  }
175 
}
176 
 
177 
.initialbargroups ul.pagination-sm {
178 
  margin: 0!important;
179 
  display: flex;
180 
  flex-wrap: wrap;
181 
}
182 
 
183 
.initialbar + .rui-title-container {
184 
  margin-top: 30px!important;
1441 ariadna 185 
}
186 
 
187 
.path-mod-assign .initialsdropdown {
188 
  width: 540px !important;
189 
  max-width: 540px !important;
1 efrain 190 
}