vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Merge pull request #21172 from shariquerik/css-for-web-form-mobile

Browse source
This commit is contained in:
Shariq Ansari 2023-05-30 15:02:22 +05:30 • committed by GitHub
commit ea45d27de0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 42 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
frappe/public/scss/website/web_form.scss
View file

@ -28,6 +28,10 @@
margin-top: 0;
margin-bottom: 0;
padding-bottom: 2px;
@include media-breakpoint-down(sm) {
font-size: 1.25rem;
}
}
.web-form-header {
@ -38,6 +42,10 @@
background-color: var(--fg-color);
padding: 2rem 2rem 0;
@include media-breakpoint-down(sm) {
padding: 1.5rem 1.5rem 0;
}
.breadcrumb-container {
padding: 0px;
margin: 0 0 2rem;
@ -83,6 +91,10 @@
p {
color: var(--text-muted);
@include media-breakpoint-down(sm) {
font-size: var(--text-xs);
}
}
}
}
@ -96,10 +108,18 @@
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
@include media-breakpoint-down(sm) {
padding: 1rem 1.5rem 1.5rem;
}
.web-form-wrapper {
.form-control {
color: var(--text-color);
background-color: var(--control-bg);
@include media-breakpoint-down(sm) {
font-size: var(--text-sm);
}
}
.form-section {
@ -113,9 +133,19 @@
.form-column {
padding: 0 var(--padding-sm);
.form-group {
@include media-breakpoint-down(sm) {
margin-bottom: 0.5rem;
}
}
.frappe-control {
position: relative;
@include media-breakpoint-down(sm) {
font-size: var(--text-sm);
}
&[data-fieldtype="Rating"] {
.like-disabled-input {
background-color: unset;
@ -194,6 +224,10 @@
.web-form-footer {
margin-top: 1rem;
@include media-breakpoint-down(sm) {
margin-top: 0.5rem;
}
.web-form-actions {
display: flex;
justify-content: space-between;
@ -201,6 +235,10 @@
.btn {
font-size: var(--text-base);
@include media-breakpoint-down(sm) {
font-size: var(--text-sm);
}
}
.btn-link {
@ -294,6 +332,10 @@
width: 100%;
justify-content: center;
margin-bottom: 1.5rem;
&:empty {
margin: 0;
}
}
}