fix: reorganize styles

This commit is contained in:
prssanna 2021-01-22 15:33:24 +05:30
parent dff1a2adf3
commit dcd445b4fd
3 changed files with 43 additions and 28 deletions

View file

@ -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);
}
}
}

View file

@ -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);

View file

@ -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 {