tonyair/silverstripe-userforms
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-userforms.git synced 2024-10-22 17:05:42 +02:00
Code Issues Projects Releases Wiki Activity

Minor styling improvements

Browse Source
This commit is contained in:
David Craig 2015-08-14 10:45:25 +12:00
parent 8d15095bb2
commit f918352f71
2 changed files with 28 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/UserForm.css
View File

@ -6,7 +6,7 @@
height: 1em; height: 1em;
background: #eee; background: #eee;
} }
.userform-progress .progress .progress-bar { .userform-progress .progress-bar {
position: absolute; position: absolute;
height: 1em; height: 1em;
background: #666; background: #666;
@ -15,10 +15,13 @@
margin-left: 0; margin-left: 0;
position: relative; position: relative;
} }
.userform-progress .step-buttons .step-button-wrapper { .userform-progress .step-button-wrapper {
display: inline-block; display: inline-block;
list-style-type: none; list-style-type: none;
} }
.userform-progress .step-button-wrapper.current .step-button-jump {
background: #666;
}
.userform-progress .step-button-jump { .userform-progress .step-button-jump {
position: absolute; position: absolute;
top: 0; top: 0;
@ -27,11 +30,13 @@
.step-navigation .step-buttons { .step-navigation .step-buttons {
margin-left: 0; margin-left: 0;
} }
.step-navigation .step-buttons .step-button-wrapper { .step-navigation .step-button-wrapper {
display: inline-block; display: inline-block;
list-style-type: none; list-style-type: none;
} }
.userform { .userform {
clear: both; clear: both;
width: 100%;
max-width: 100%;
} }

12
scss/UserForm.scss
View File

@ -7,21 +7,27 @@
position: relative; position: relative;
height: 1em; height: 1em;
background: #eee; background: #eee;
}
.progress-bar { .progress-bar {
position: absolute; position: absolute;
height: 1em; height: 1em;
background: #666; background: #666;
} }
}
.step-buttons { .step-buttons {
margin-left: 0; margin-left: 0;
position: relative; position: relative;
}
.step-button-wrapper { .step-button-wrapper {
display: inline-block; display: inline-block;
list-style-type: none; list-style-type: none;
&.current {
.step-button-jump {
background: #666;
}
} }
} }
@ -34,14 +40,16 @@
.step-navigation { .step-navigation {
.step-buttons { .step-buttons {
margin-left: 0; margin-left: 0;
}
.step-button-wrapper { .step-button-wrapper {
display: inline-block; display: inline-block;
list-style-type: none; list-style-type: none;
} }
} }
}
.userform { .userform {
clear: both; clear: both;
width: 100%;
max-width: 100%;
} }