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

Merge pull request #29 from flashbackzoo/pulls/add-current-step-styles

Browse Source 
Minor styling improvements
This commit is contained in:
Damian Mooyman 2015-08-14 15:17:03 +12:00
commit 7a7a606c1e
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%;
}