matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove unused styles

Browse Source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak
2022-12-21 13:01:34 +01:00
parent 0879222aa2
commit 23b1052a1d
15 changed files with 10 additions and 1054 deletions
Download Patch File Download Diff File Expand all files Collapse all files

261
app/styles/forms.scss
View File

@ -22,14 +22,6 @@ select {
margin-left: -1px;
}
$no-columns-breakpoint: 600px;
.form-container {
max-width: 400px;
padding: 20px;
margin: 0 auto;
}
.simple_form {
.input {
&.hidden {
@ -194,31 +186,6 @@ $no-columns-breakpoint: 600px;
}
}
.input.font_icon_picker {
width: 52px;
}
.input.with_block_label {
max-width: none;
& > label {
font-family: inherit;
font-size: 16px;
color: var(--primary-text-color);
display: block;
font-weight: 500;
padding-top: 5px;
}
.hint {
margin-bottom: 15px;
}
ul {
columns: 2;
}
}
.required abbr {
text-decoration: none;
color: lighten($error-value-color, 12%);
@ -236,48 +203,6 @@ $no-columns-breakpoint: 600px;
}
}
.fields-row {
display: flex;
margin: 0 -10px;
padding-top: 5px;
margin-bottom: 25px;
.input {
max-width: none;
}
&__column {
box-sizing: border-box;
padding: 0 10px;
flex: 1 1 auto;
min-height: 1px;
&-6 {
max-width: 50%;
}
}
.fields-group:last-child,
.fields-row__column.fields-group {
margin-bottom: 0;
}
@media screen and (max-width: $no-columns-breakpoint) {
display: block;
margin-bottom: 0;
&__column {
max-width: none;
}
.fields-group:last-child,
.fields-row__column.fields-group,
.fields-row__column {
margin-bottom: 25px;
}
}
}
.input.radio_buttons .radio label {
margin-bottom: 5px;
font-family: inherit;
@ -390,11 +315,6 @@ $no-columns-breakpoint: 600px;
margin-top: 20px;
display: flex;
justify-content: flex-end;
&.actions--top {
margin-top: 0;
margin-bottom: 30px;
}
}
// button,
@ -483,96 +403,8 @@ $no-columns-breakpoint: 600px;
// padding-top: 0.5rem;
// }
.select-wrapper {
display: flex;
align-items: center;
&::after {
display: flex;
align-items: center;
font-family: 'Font Awesome 5 Free';
content: "";
position: absolute;
right: 12px;
height: calc(100% - 8px);
padding-left: 12px;
pointer-events: none;
margin-top: 8px;
font-weight: 900;
}
}
.label_input {
&__color {
display: inline-flex;
font-size: 14px;
.color-swatch {
width: 32px;
height: 16px;
margin-left: 12px;
}
}
&__wrapper {
position: relative;
}
&__append {
position: absolute;
right: 3px;
top: 1px;
padding: 10px;
padding-bottom: 9px;
font-size: 16px;
color: var(--primary-text-color);
font-family: inherit;
pointer-events: none;
cursor: default;
max-width: 140px;
white-space: nowrap;
overflow: hidden;
&::after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 1px;
width: 5px;
background-image: linear-gradient(to right, hsla(var(--background-color_hsl), 0), var(--background-color));
}
}
}
&__overlay-area {
.label_input__wrapper {
position: relative;
&__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: var(--background-color);
backdrop-filter: blur(2px);
border-radius: 4px;
&__content {
text-align: center;
&.rich-formatting {
&,
p {
color: var(--primary-text-color);
}
}
}
}
}
h2 {
@ -637,52 +469,6 @@ $no-columns-breakpoint: 600px;
}
}
.file-picker img {
max-width: 100px;
max-height: 100px;
}
.code-editor {
textarea {
font-family: monospace;
white-space: pre;
}
&--invalid textarea {
border-color: $error-red !important;
color: $error-red;
}
.input {
margin-bottom: 0;
}
.hint {
margin-top: 10px;
}
}
.delete-account {
margin-top: 50px;
display: flex;
justify-content: center;
}
.input .row > .svg-icon.delete-field {
height: 20px;
width: 20px;
position: absolute;
right: 13px;
cursor: pointer;
color: $error-red;
transform: translateY(-11px);
}
.input .row > .input.with_label + .svg-icon.delete-field {
right: 5px;
transform: translateY(7px);
}
.input.with_label.toggle .label_input {
display: flex;
font-size: 14px;
@ -692,48 +478,3 @@ $no-columns-breakpoint: 600px;
margin-left: 10px;
}
}
.actions.add-row {
margin: 10px 0 0;
.button {
display: flex;
align-items: center;
border: 0;
background: transparent;
&:hover {
color: var(--primary-text-color);
}
.svg-icon {
height: 20px;
width: 20px;
}
}
}
.copyable-input {
display: flex;
align-items: center;
justify-content: center;
height: 38px;
input {
flex: 1;
font-size: 14px !important;
border-radius: 4px 0 0 4px !important;
height: 100%;
}
button {
width: auto;
font-size: 14px;
margin: 0;
border-radius: 0 4px 4px 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
}