admin-lte 4.2.0 → 4.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +39 -0
- package/README.md +17 -1
- package/dist/css/adminlte-docs.css +1 -1
- package/dist/css/adminlte-docs.css.map +1 -1
- package/dist/css/adminlte-docs.min.css +1 -1
- package/dist/css/adminlte-docs.min.css.map +1 -1
- package/dist/css/adminlte-docs.rtl.css +1 -1
- package/dist/css/adminlte-docs.rtl.css.map +1 -1
- package/dist/css/adminlte-docs.rtl.min.css +1 -1
- package/dist/css/adminlte-docs.rtl.min.css.map +1 -1
- package/dist/css/adminlte-select2.css +329 -0
- package/dist/css/adminlte-select2.css.map +1 -0
- package/dist/css/adminlte-select2.min.css +12 -0
- package/dist/css/adminlte-select2.min.css.map +1 -0
- package/dist/css/adminlte-select2.rtl.css +328 -0
- package/dist/css/adminlte-select2.rtl.css.map +1 -0
- package/dist/css/adminlte-select2.rtl.min.css +12 -0
- package/dist/css/adminlte-select2.rtl.min.css.map +1 -0
- package/dist/css/adminlte.css +202 -1
- package/dist/css/adminlte.css.map +1 -1
- package/dist/css/adminlte.min.css +2 -2
- package/dist/css/adminlte.min.css.map +1 -1
- package/dist/css/adminlte.rtl.css +202 -1
- package/dist/css/adminlte.rtl.css.map +1 -1
- package/dist/css/adminlte.rtl.min.css +2 -2
- package/dist/css/adminlte.rtl.min.css.map +1 -1
- package/dist/js/adminlte.esm.js +231 -81
- package/dist/js/adminlte.esm.js.map +1 -1
- package/dist/js/adminlte.esm.min.js +2 -2
- package/dist/js/adminlte.esm.min.js.map +1 -1
- package/dist/js/adminlte.js +231 -80
- package/dist/js/adminlte.js.map +1 -1
- package/dist/js/adminlte.min.js +2 -2
- package/dist/js/adminlte.min.js.map +1 -1
- package/dist/js/types/adminlte.d.ts +2 -1
- package/dist/js/types/sidebar-search.d.ts +46 -0
- package/package.json +1 -1
- package/src/scss/_app-sidebar.scss +12 -0
- package/src/scss/_ribbon.scss +75 -0
- package/src/scss/_variables.scss +28 -0
- package/src/scss/_widgets.scss +192 -0
- package/src/scss/adminlte-docs.scss +1 -1
- package/src/scss/adminlte-select2.scss +31 -0
- package/src/scss/adminlte.scss +1 -1
- package/src/scss/compat/_select2.scss +476 -0
- package/src/scss/parts/_extra-components.scss +2 -0
- package/src/ts/accessibility.ts +25 -13
- package/src/ts/adminlte.ts +3 -1
- package/src/ts/sidebar-search.ts +252 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/*!
|
|
3
|
-
* AdminLTE v4.
|
|
3
|
+
* AdminLTE v4.3.1
|
|
4
4
|
* Author: Colorlib
|
|
5
5
|
* Website: AdminLTE.io <https://adminlte.io>
|
|
6
6
|
* License: Open source - MIT <https://opensource.org/licenses/MIT>
|
|
@@ -13191,6 +13191,10 @@ textarea.form-control-lg {
|
|
|
13191
13191
|
white-space: nowrap;
|
|
13192
13192
|
}
|
|
13193
13193
|
|
|
13194
|
+
.sidebar-search {
|
|
13195
|
+
padding: 0.5rem 1rem;
|
|
13196
|
+
}
|
|
13197
|
+
|
|
13194
13198
|
.logo-xs,
|
|
13195
13199
|
.logo-xl {
|
|
13196
13200
|
position: absolute;
|
|
@@ -13228,6 +13232,9 @@ textarea.form-control-lg {
|
|
|
13228
13232
|
.sidebar-mini.sidebar-collapse .sidebar-menu .nav-header {
|
|
13229
13233
|
display: none;
|
|
13230
13234
|
}
|
|
13235
|
+
.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .sidebar-search {
|
|
13236
|
+
display: none;
|
|
13237
|
+
}
|
|
13231
13238
|
.sidebar-mini.sidebar-collapse .sidebar-menu .nav-link {
|
|
13232
13239
|
width: 3.6rem;
|
|
13233
13240
|
}
|
|
@@ -15226,6 +15233,200 @@ html.maximized-card {
|
|
|
15226
15233
|
[data-bs-theme=dark] .toast-light .btn-close {
|
|
15227
15234
|
--bs-btn-close-white-filter: none;
|
|
15228
15235
|
}
|
|
15236
|
+
.ribbon-wrapper {
|
|
15237
|
+
--lte-ribbon-size: 70px;
|
|
15238
|
+
--lte-ribbon-width: 91px;
|
|
15239
|
+
--lte-ribbon-font-size: 0.8rem;
|
|
15240
|
+
position: absolute;
|
|
15241
|
+
top: 0;
|
|
15242
|
+
left: 0;
|
|
15243
|
+
z-index: 1;
|
|
15244
|
+
width: var(--lte-ribbon-size);
|
|
15245
|
+
height: var(--lte-ribbon-size);
|
|
15246
|
+
overflow: hidden;
|
|
15247
|
+
border-top-left-radius: inherit;
|
|
15248
|
+
}
|
|
15249
|
+
.ribbon-wrapper.ribbon-lg {
|
|
15250
|
+
--lte-ribbon-size: 110px;
|
|
15251
|
+
--lte-ribbon-width: 143px;
|
|
15252
|
+
--lte-ribbon-font-size: 1rem;
|
|
15253
|
+
}
|
|
15254
|
+
.ribbon-wrapper.ribbon-xl {
|
|
15255
|
+
--lte-ribbon-size: 145px;
|
|
15256
|
+
--lte-ribbon-width: 188.5px;
|
|
15257
|
+
--lte-ribbon-font-size: 1.25rem;
|
|
15258
|
+
}
|
|
15259
|
+
.ribbon-wrapper .ribbon {
|
|
15260
|
+
position: absolute;
|
|
15261
|
+
top: 32.5%;
|
|
15262
|
+
right: 67.5%;
|
|
15263
|
+
width: var(--lte-ribbon-width);
|
|
15264
|
+
padding: 0.375rem 0;
|
|
15265
|
+
overflow: hidden;
|
|
15266
|
+
font-size: var(--lte-ribbon-font-size);
|
|
15267
|
+
font-weight: 400;
|
|
15268
|
+
line-height: 1.2;
|
|
15269
|
+
color: var(--bs-emphasis-color);
|
|
15270
|
+
text-align: center;
|
|
15271
|
+
text-overflow: ellipsis;
|
|
15272
|
+
text-transform: uppercase;
|
|
15273
|
+
white-space: nowrap;
|
|
15274
|
+
background-color: var(--bs-secondary-bg);
|
|
15275
|
+
box-shadow: 0 0 3px rgba(var(--bs-body-color-rgb), 0.3);
|
|
15276
|
+
transform: translate(50%, -50%) rotate(-45deg);
|
|
15277
|
+
}
|
|
15278
|
+
.ribbon-wrapper .ribbon a {
|
|
15279
|
+
color: inherit;
|
|
15280
|
+
text-decoration: none;
|
|
15281
|
+
}
|
|
15282
|
+
|
|
15283
|
+
.user-block {
|
|
15284
|
+
--lte-user-block-avatar-size: 2.5rem;
|
|
15285
|
+
display: grid;
|
|
15286
|
+
grid-template-columns: auto 1fr;
|
|
15287
|
+
-moz-column-gap: 0.75rem;
|
|
15288
|
+
column-gap: 0.75rem;
|
|
15289
|
+
align-items: center;
|
|
15290
|
+
}
|
|
15291
|
+
.user-block > img {
|
|
15292
|
+
grid-row: 1/span 2;
|
|
15293
|
+
align-self: center;
|
|
15294
|
+
width: var(--lte-user-block-avatar-size);
|
|
15295
|
+
height: var(--lte-user-block-avatar-size);
|
|
15296
|
+
-o-object-fit: cover;
|
|
15297
|
+
object-fit: cover;
|
|
15298
|
+
}
|
|
15299
|
+
.user-block .username,
|
|
15300
|
+
.user-block .description,
|
|
15301
|
+
.user-block .comment {
|
|
15302
|
+
grid-column: 2;
|
|
15303
|
+
}
|
|
15304
|
+
.user-block .username {
|
|
15305
|
+
align-self: end;
|
|
15306
|
+
font-size: 1rem;
|
|
15307
|
+
font-weight: 600;
|
|
15308
|
+
}
|
|
15309
|
+
.user-block .username a {
|
|
15310
|
+
color: var(--bs-emphasis-color);
|
|
15311
|
+
text-decoration: none;
|
|
15312
|
+
}
|
|
15313
|
+
.user-block .username a:hover, .user-block .username a:focus-visible {
|
|
15314
|
+
text-decoration: underline;
|
|
15315
|
+
}
|
|
15316
|
+
.user-block .description {
|
|
15317
|
+
align-self: start;
|
|
15318
|
+
font-size: 0.8125rem;
|
|
15319
|
+
color: var(--bs-secondary-color);
|
|
15320
|
+
}
|
|
15321
|
+
.user-block .comment {
|
|
15322
|
+
margin-top: 0.5rem;
|
|
15323
|
+
}
|
|
15324
|
+
.card-header > .user-block {
|
|
15325
|
+
float: right;
|
|
15326
|
+
}
|
|
15327
|
+
.user-block.user-block-sm {
|
|
15328
|
+
--lte-user-block-avatar-size: 1.75rem;
|
|
15329
|
+
}
|
|
15330
|
+
.user-block.user-block-sm .username {
|
|
15331
|
+
font-size: 0.8125rem;
|
|
15332
|
+
}
|
|
15333
|
+
.user-block.user-block-sm .description {
|
|
15334
|
+
font-size: 0.75rem;
|
|
15335
|
+
}
|
|
15336
|
+
|
|
15337
|
+
.post {
|
|
15338
|
+
padding-bottom: 1rem;
|
|
15339
|
+
margin-bottom: 1rem;
|
|
15340
|
+
border-bottom: 1px solid var(--bs-border-color);
|
|
15341
|
+
}
|
|
15342
|
+
.post:last-of-type {
|
|
15343
|
+
padding-bottom: 0;
|
|
15344
|
+
margin-bottom: 0;
|
|
15345
|
+
border-bottom: 0;
|
|
15346
|
+
}
|
|
15347
|
+
.post .user-block {
|
|
15348
|
+
margin-bottom: 0.75rem;
|
|
15349
|
+
}
|
|
15350
|
+
|
|
15351
|
+
.description-block {
|
|
15352
|
+
display: block;
|
|
15353
|
+
margin: 0.625rem 0;
|
|
15354
|
+
text-align: center;
|
|
15355
|
+
}
|
|
15356
|
+
.description-block .description-header {
|
|
15357
|
+
padding: 0;
|
|
15358
|
+
margin: 0;
|
|
15359
|
+
font-size: 1.0625rem;
|
|
15360
|
+
font-weight: 700;
|
|
15361
|
+
}
|
|
15362
|
+
.description-block .description-text {
|
|
15363
|
+
font-size: 0.8125rem;
|
|
15364
|
+
color: var(--bs-secondary-color);
|
|
15365
|
+
text-transform: uppercase;
|
|
15366
|
+
}
|
|
15367
|
+
|
|
15368
|
+
.widget-user .widget-user-header {
|
|
15369
|
+
height: 8.4375rem;
|
|
15370
|
+
padding: 1rem;
|
|
15371
|
+
text-align: center;
|
|
15372
|
+
background-position: center;
|
|
15373
|
+
background-size: cover;
|
|
15374
|
+
border-top-right-radius: inherit;
|
|
15375
|
+
border-top-left-radius: inherit;
|
|
15376
|
+
}
|
|
15377
|
+
.widget-user .widget-user-username {
|
|
15378
|
+
margin-top: 0;
|
|
15379
|
+
margin-bottom: 0.3125rem;
|
|
15380
|
+
font-size: 1.5625rem;
|
|
15381
|
+
font-weight: 300;
|
|
15382
|
+
}
|
|
15383
|
+
.widget-user .widget-user-desc {
|
|
15384
|
+
margin-top: 0;
|
|
15385
|
+
font-size: 1rem;
|
|
15386
|
+
}
|
|
15387
|
+
.widget-user .widget-user-image {
|
|
15388
|
+
position: absolute;
|
|
15389
|
+
top: 5.625rem;
|
|
15390
|
+
left: 0;
|
|
15391
|
+
right: 0;
|
|
15392
|
+
width: 5.625rem;
|
|
15393
|
+
margin-inline: auto;
|
|
15394
|
+
}
|
|
15395
|
+
.widget-user .widget-user-image > img {
|
|
15396
|
+
width: 100%;
|
|
15397
|
+
height: auto;
|
|
15398
|
+
border: 3px solid var(--bs-body-bg);
|
|
15399
|
+
}
|
|
15400
|
+
.widget-user > .card-footer {
|
|
15401
|
+
padding-top: 3.5625rem;
|
|
15402
|
+
}
|
|
15403
|
+
|
|
15404
|
+
.widget-user-2 .widget-user-header {
|
|
15405
|
+
display: flex;
|
|
15406
|
+
-moz-column-gap: 1rem;
|
|
15407
|
+
column-gap: 1rem;
|
|
15408
|
+
align-items: center;
|
|
15409
|
+
padding: 1rem;
|
|
15410
|
+
border-top-right-radius: inherit;
|
|
15411
|
+
border-top-left-radius: inherit;
|
|
15412
|
+
}
|
|
15413
|
+
.widget-user-2 .widget-user-image > img {
|
|
15414
|
+
width: 4.0625rem;
|
|
15415
|
+
height: 4.0625rem;
|
|
15416
|
+
-o-object-fit: cover;
|
|
15417
|
+
object-fit: cover;
|
|
15418
|
+
}
|
|
15419
|
+
.widget-user-2 .widget-user-username {
|
|
15420
|
+
margin-top: 0;
|
|
15421
|
+
margin-bottom: 0.3125rem;
|
|
15422
|
+
font-size: 1.5625rem;
|
|
15423
|
+
font-weight: 300;
|
|
15424
|
+
}
|
|
15425
|
+
.widget-user-2 .widget-user-desc {
|
|
15426
|
+
margin-top: 0;
|
|
15427
|
+
font-size: 1rem;
|
|
15428
|
+
}
|
|
15429
|
+
|
|
15229
15430
|
.login-logo,
|
|
15230
15431
|
.register-logo {
|
|
15231
15432
|
margin-bottom: 0.9rem;
|