enhance info-box for text-truncate & text-wrap
This commit is contained in:
parent
ae470bec2e
commit
a3604d0c62
|
@ -12,6 +12,7 @@
|
|||
min-height: 80px;
|
||||
padding: .5rem;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
|
||||
.progress {
|
||||
background-color: rgba($black, .125);
|
||||
|
@ -41,12 +42,17 @@
|
|||
}
|
||||
|
||||
.info-box-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
line-height: 120%;
|
||||
flex: 1;
|
||||
padding: 5px 10px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.info-box-number {
|
||||
display: block;
|
||||
margin-top: .25rem;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
|
|
11
dist/css/adminlte.css
vendored
11
dist/css/adminlte.css
vendored
|
@ -19188,6 +19188,7 @@ html.maximized-card {
|
|||
min-height: 80px;
|
||||
padding: .5rem;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.info-box .progress {
|
||||
|
@ -19218,13 +19219,21 @@ html.maximized-card {
|
|||
}
|
||||
|
||||
.info-box .info-box-content {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
line-height: 120%;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
padding: 5px 10px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.info-box .info-box-number {
|
||||
display: block;
|
||||
margin-top: .25rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
|
4
dist/css/adminlte.css.map
vendored
4
dist/css/adminlte.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/adminlte.min.css
vendored
2
dist/css/adminlte.min.css
vendored
File diff suppressed because one or more lines are too long
2
dist/css/adminlte.min.css.map
vendored
2
dist/css/adminlte.min.css.map
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue