Merge pull request #2230 from m1ga/imageFix
fix: mobile storage image preview
This commit is contained in:
commit
dd88e32475
|
@ -25,7 +25,7 @@ input, textarea {
|
||||||
|
|
||||||
input[type=file],
|
input[type=file],
|
||||||
input[type=file]::-webkit-file-upload-button {
|
input[type=file]::-webkit-file-upload-button {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
button,
|
button,
|
||||||
|
@ -412,6 +412,7 @@ fieldset {
|
||||||
width: ~"calc(100% - 2px)";
|
width: ~"calc(100% - 2px)";
|
||||||
max-height: 180px;
|
max-height: 180px;
|
||||||
visibility: visible !important;
|
visibility: visible !important;
|
||||||
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-preview {
|
.video-preview {
|
||||||
|
@ -591,7 +592,7 @@ input[type=checkbox], input[type=radio] {
|
||||||
color: var(--config-color-background-fade);
|
color: var(--config-color-background-fade);
|
||||||
background: var(--config-color-focus);
|
background: var(--config-color-focus);
|
||||||
}
|
}
|
||||||
|
|
||||||
&[type=radio] {
|
&[type=radio] {
|
||||||
&:checked:after {
|
&:checked:after {
|
||||||
//content: '●';
|
//content: '●';
|
||||||
|
@ -650,7 +651,7 @@ input[type=checkbox], input[type=radio] {
|
||||||
color: var(--config-color-fade);
|
color: var(--config-color-fade);
|
||||||
padding: 5px 15px;
|
padding: 5px 15px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
||||||
form {
|
form {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
@ -817,7 +818,7 @@ label.switch {
|
||||||
&:focus,
|
&:focus,
|
||||||
&:hover {
|
&:hover {
|
||||||
background: var(--config-color-success);
|
background: var(--config-color-success);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus,
|
&:focus,
|
||||||
|
@ -929,7 +930,7 @@ hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
background: var(--config-border-color)!important;
|
background: var(--config-border-color)!important;
|
||||||
border: none;
|
border: none;
|
||||||
|
|
||||||
&.fade {
|
&.fade {
|
||||||
opacity: .7;
|
opacity: .7;
|
||||||
}
|
}
|
||||||
|
@ -1299,7 +1300,7 @@ ol {
|
||||||
height: 26px;
|
height: 26px;
|
||||||
width: 44px;
|
width: 44px;
|
||||||
margin: 9px 0;
|
margin: 9px 0;
|
||||||
|
|
||||||
button {
|
button {
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -1322,7 +1323,7 @@ ol {
|
||||||
&.force-light {
|
&.force-light {
|
||||||
.pull-end;
|
.pull-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.force-dark {
|
&.force-dark {
|
||||||
.pull-start;
|
.pull-start;
|
||||||
}
|
}
|
||||||
|
@ -1354,4 +1355,4 @@ ol {
|
||||||
&.info {
|
&.info {
|
||||||
background: var(--config-color-info)!important;
|
background: var(--config-color-info)!important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue