fix: reorganize styles
This commit is contained in:
parent
dff1a2adf3
commit
dcd445b4fd
3 changed files with 43 additions and 28 deletions
|
|
@ -82,3 +82,25 @@ html.firefox, html.safari {
|
|||
.frappe-card {
|
||||
@include card();
|
||||
}
|
||||
|
||||
.frappe-control[data-fieldtype="Select"] .control-input {
|
||||
position: relative;
|
||||
|
||||
select {
|
||||
/* for Firefox */
|
||||
-moz-appearance: none;
|
||||
/* for Chrome */
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
.icon {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
height: 15px;
|
||||
right: 12px;
|
||||
pointer-events: none;
|
||||
use {
|
||||
stroke: var(--text-muted);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -124,28 +124,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.frappe-control[data-fieldtype="Select"] .control-input {
|
||||
position: relative;
|
||||
|
||||
select {
|
||||
/* for Firefox */
|
||||
-moz-appearance: none;
|
||||
/* for Chrome */
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
.icon {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
height: 15px;
|
||||
right: 12px;
|
||||
pointer-events: none;
|
||||
use {
|
||||
stroke: var(--text-muted);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ace_editor {
|
||||
background-color: var(--control-bg);
|
||||
color: var(--text-color);
|
||||
|
|
|
|||
|
|
@ -5,19 +5,34 @@ img {
|
|||
}
|
||||
|
||||
// fallback for broken images
|
||||
// img:after {
|
||||
// content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='lightgrey' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-image'><rect x='3' y='3' width='18' height='18' rx='2' ry='2'/><circle cx='8.5' cy='8.5' r='1.5'/><polyline points='21 15 16 10 5 21'/></svg>");
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// position: absolute;
|
||||
// z-index: 1;
|
||||
// top: 0;
|
||||
// left: 0;
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// background-color: $light;
|
||||
// padding: 50% 0;
|
||||
// }
|
||||
|
||||
img:after {
|
||||
content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='lightgrey' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-image'><rect x='3' y='3' width='18' height='18' rx='2' ry='2'/><circle cx='8.5' cy='8.5' r='1.5'/><polyline points='21 15 16 10 5 21'/></svg>");
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
img[alt]:after {
|
||||
height: 175px;
|
||||
@include flex();
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: $light;
|
||||
padding: 50% 0;
|
||||
background-color: var(--bg-color);
|
||||
}
|
||||
|
||||
.website-image-placeholder {
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue