tonyair/silverstripe-userforms
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-userforms.git synced 2024-06-25 22:19:36 +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;
background: #eee;
}
.userform-progress .progress .progress-bar {
.userform-progress .progress-bar {
position: absolute;
height: 1em;
background: #666;
@ -15,10 +15,13 @@
margin-left: 0;
position: relative;
}
.userform-progress .step-buttons .step-button-wrapper {
.userform-progress .step-button-wrapper {
display: inline-block;
list-style-type: none;
}
.userform-progress .step-button-wrapper.current .step-button-jump {
background: #666;
}
.userform-progress .step-button-jump {
position: absolute;
top: 0;
@ -27,11 +30,13 @@
.step-navigation .step-buttons {
margin-left: 0;
}
.step-navigation .step-buttons .step-button-wrapper {
.step-navigation .step-button-wrapper {
display: inline-block;
list-style-type: none;
}
.userform {
clear: both;
width: 100%;
max-width: 100%;
}

32
scss/UserForm.scss
View File

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