Skip to content

Commit c6fdd60

Browse files
ayushstha1443ayushstha1443
committed
form builder responsive design fix in progress
1 parent b014632 commit c6fdd60

14 files changed

Lines changed: 122 additions & 81 deletions

‎assets/css/admin-rtl.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/admin.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/admin.scss‎

Lines changed: 90 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -487,6 +487,7 @@ body {
487487
}
488488
}
489489
}
490+
490491
.login-forms-shortcode-action {
491492
input {
492493
&.code {
@@ -1256,6 +1257,10 @@ body {
12561257
border-right: 0 none;
12571258
border-left: 0 none;
12581259

1260+
@media screen and (max-width: 782px) {
1261+
flex-direction: column;
1262+
}
1263+
12591264
li {
12601265
background-color: transparent;
12611266
background-image: none;
@@ -2653,18 +2658,19 @@ body {
26532658
}
26542659

26552660
.ur-registered-from {
2656-
flex-direction: column;
2661+
// flex-direction: column;
26572662

26582663
.ur-registered-inputs {
2659-
width: 100%;
2664+
width: 300px !important;
26602665
margin-bottom: $spacing_10px;
26612666

26622667
.ur-tabs {
26632668
.ur-tab-content {
26642669
.ur-registered-list {
26652670
.ur-registered-item {
26662671
float: left;
2667-
width: 48%;
2672+
// width: 48%;
2673+
width: 44%;
26682674
}
26692675
}
26702676
}
@@ -3558,6 +3564,10 @@ a.button.ur-smart-tags-list-button {
35583564
text-align: right;
35593565
float: right;
35603566

3567+
.button-primary {
3568+
margin-bottom: 0;
3569+
}
3570+
35613571
input {
35623572
&.code {
35633573
// width: 280px;
@@ -3774,6 +3784,10 @@ a.button.ur-smart-tags-list-button {
37743784
padding: $spacing_32px;
37753785
border: $border_width solid $border_color;
37763786

3787+
@media screen and (max-width: 600px) {
3788+
padding: $spacing_20px;
3789+
}
3790+
37773791
&.ur-login-form-wrapper {
37783792
background: transparent;
37793793
border: 0;
@@ -3783,6 +3797,10 @@ a.button.ur-smart-tags-list-button {
37833797
.ur-grid-lists {
37843798
.ur-grid-list-item {
37853799
padding: $spacing_20px;
3800+
3801+
@media screen and (max-width: 600px) {
3802+
padding: 0;
3803+
}
37863804
}
37873805

37883806
.ur-selected-item {
@@ -4373,6 +4391,12 @@ a.button.ur-smart-tags-list-button {
43734391
}
43744392
}
43754393

4394+
@media screen and (max-width: 782px) {
4395+
.user-registration-membership_page_add-new-registration .ur-form-container #menu-management .menu-edit {
4396+
left: 0 !important;
4397+
}
4398+
}
4399+
43764400
// Subscription Plan Field > Field Options Design Fix
43774401
.ur-registered-from {
43784402
.nav-tab-wrapper {
@@ -4804,8 +4828,8 @@ body.user-registration {
48044828
#user-registration-list-table-page {
48054829
max-width: 100%;
48064830
margin: $spacing_32px;
4807-
padding: $spacing_24px;
4808-
border-radius: $border_radius_4;
4831+
padding: $spacing_24px $spacing_28px;
4832+
border-radius: $border_radius_13;
48094833
background: $grey-0;
48104834
border: $border_width solid $border_color;
48114835

@@ -4817,6 +4841,50 @@ body.user-registration {
48174841
margin-bottom: $spacing_16px;
48184842
justify-content: space-between;
48194843

4844+
h2 {
4845+
margin: 0;
4846+
color: $grey-500;
4847+
font-size: 22px;
4848+
font-weight: $semi_bold;
4849+
line-height: 32px;
4850+
}
4851+
4852+
.page-title-action {
4853+
min-height: 36px;
4854+
border: $border_width solid $primary_color;
4855+
// color: $primary_color;
4856+
color: $white;
4857+
background: $primary_color;
4858+
padding: 0 $spacing_14px 0 $spacing_12px;
4859+
font-size: 14px;
4860+
line-height: 20px;
4861+
border-radius: $border_radius_4;
4862+
font-weight: $medium;
4863+
text-decoration: none;
4864+
transition: all .3s ease-in-out;
4865+
box-sizing: border-box;
4866+
display: flex;
4867+
align-items: center;
4868+
gap: $spacing_6px;
4869+
4870+
&:hover {
4871+
background: $primary_color;
4872+
color: $white;
4873+
border-color: $primary_color;
4874+
}
4875+
4876+
&::before {
4877+
content: "";
4878+
width: 14px;
4879+
height: 14px;
4880+
display: block;
4881+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M20.75 10.75a1.25 1.25 0 1 1 0 2.5H3.25a1.25 1.25 0 1 1 0-2.5h17.5Z'/%3E%3Cpath d='M10.75 20.75V3.25a1.25 1.25 0 1 1 2.5 0v17.5a1.25 1.25 0 1 1-2.5 0Z'/%3E%3C/svg%3E");
4882+
background-repeat: no-repeat;
4883+
background-position: center;
4884+
background-size: 100%;
4885+
}
4886+
}
4887+
48204888
// a {
48214889
// padding: 6px 14px;
48224890
// border-radius: 3px;
@@ -5000,22 +5068,22 @@ body.user-registration {
50005068
min-height: 35px;
50015069
}
50025070

5003-
#user-registration-list-table-search-input {
5004-
border-radius: $border_radius_4;
5005-
border: $border_width solid $grey-100;
5006-
background: $grey-0;
5007-
padding: 3px 42px 3px $spacing_12px;
5008-
width: 100%;
5071+
// #user-registration-list-table-search-input {
5072+
// border-radius: $border_radius_4;
5073+
// border: $border_width solid $grey-100;
5074+
// background: $grey-0;
5075+
// padding: 3px 42px 3px $spacing_12px;
5076+
// width: 100%;
50095077

5010-
&::placeholder {
5011-
color: $grey-200;
5012-
}
5078+
// &::placeholder {
5079+
// color: $grey-200;
5080+
// }
50135081

5014-
&:focus {
5015-
box-shadow: none;
5016-
border: $border_width solid $primary_color;
5017-
}
5018-
}
5082+
// &:focus {
5083+
// box-shadow: none;
5084+
// border: $border_width solid $primary_color;
5085+
// }
5086+
// }
50195087

50205088
button {
50215089
&#search-submit {
@@ -5028,12 +5096,13 @@ body.user-registration {
50285096
display: flex;
50295097
align-items: center;
50305098
justify-content: center;
5099+
top: 50%;
50315100
right: $spacing_12px;
5032-
top: $spacing_8px;
5101+
transform: translateY(-50%);
50335102

50345103
svg {
50355104
path {
5036-
fill: $grey-200;
5105+
fill: #a1a4b9;
50375106
}
50385107
}
50395108
}

‎assets/css/components/_button.scss‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
.user-registration,
22
.user-registration-page,
3-
.ur-multi-device-form-preview {
4-
.button {
3+
.ur-multi-device-form-preview,
4+
.user-registration-welcome {
5+
.button,
6+
.page-title-action {
57
min-width: unset !important;
68
align-content: center;
79
min-height: 36px;

‎assets/css/modules/membership/user-registration-membership-admin.css‎

Lines changed: 0 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -268,36 +268,6 @@
268268
.user-registration #user-registration-list-table-page #user-registration-list-filters-row form > div select {
269269
width: 200px;
270270
}
271-
.user-registration #user-registration-list-table-page #user-registration-list-filters-row form > div input[type=search] {
272-
height: 38px;
273-
border-color: #BABABA;
274-
color: #383838;
275-
padding: 8px 12px;
276-
font-size: 14px;
277-
line-height: 24px;
278-
border-radius: 4px;
279-
width: 100%;
280-
padding: 10px 40px 10px 14px;
281-
}
282-
.user-registration #user-registration-list-table-page #user-registration-list-filters-row form > div input[type=search]::placeholder {
283-
color: #999999;
284-
}
285-
.user-registration #user-registration-list-table-page #user-registration-list-filters-row form > div input[type=search]:focus {
286-
box-shadow: none;
287-
outline: none;
288-
border-color: #475BB2;
289-
}
290-
.user-registration #user-registration-list-table-page #user-registration-list-filters-row form > div input[type=search]::placeholder {
291-
color: #999;
292-
font-size: 14px;
293-
font-weight: 400;
294-
line-height: 24px;
295-
}
296-
.user-registration #user-registration-list-table-page #user-registration-list-filters-row form > div input[type=search]:focus {
297-
box-shadow: none;
298-
outline: none;
299-
border-color: #475BB2;
300-
}
301271
.user-registration #user-registration-list-table-page #user-registration-list-filters-row form > div #search-submit {
302272
top: 50% !important;
303273
transform: translateY(-50%);

‎assets/css/modules/membership/user-registration-membership-admin.scss‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -307,24 +307,24 @@
307307
// }
308308
}
309309

310-
input[type="search"] {
311-
@include form-field-style;
312-
width: 100%;
313-
padding: 10px 40px 10px 14px;
314-
315-
&::placeholder {
316-
color: #999;
317-
font-size: 14px;
318-
font-weight: 400;
319-
line-height: 24px;
320-
}
321-
322-
&:focus {
323-
box-shadow: none;
324-
outline: none;
325-
border-color: #475BB2;
326-
}
327-
}
310+
// input[type="search"] {
311+
// @include form-field-style;
312+
// width: 100%;
313+
// padding: 10px 40px 10px 14px;
314+
315+
// &::placeholder {
316+
// color: #999;
317+
// font-size: 14px;
318+
// font-weight: 400;
319+
// line-height: 24px;
320+
// }
321+
322+
// &:focus {
323+
// box-shadow: none;
324+
// outline: none;
325+
// border-color: #475BB2;
326+
// }
327+
// }
328328

329329
#search-submit {
330330
top: 50% !important;

‎assets/css/settings-rtl.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/settings.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/user-registration-default-rtl.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/user-registration-default.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)