Wizard and checkbox hint styling

This commit is contained in:
Ruud
2011-12-06 00:37:19 +01:00
parent 0e936e9990
commit 2e8fdbd17f
3 changed files with 12 additions and 4 deletions
@@ -17,7 +17,7 @@
.page.wizard .tab_wrapper { .page.wizard .tab_wrapper {
background: #5c697b; background: #5c697b;
padding: 18px 0; padding: 18px 0;
font-size: 27px; font-size: 23px;
position: fixed; position: fixed;
top: 0; top: 0;
margin: 0; margin: 0;
@@ -57,6 +57,9 @@
margin: 20px 0 160px; margin: 20px 0 160px;
} }
.page.wizard form > div {
min-height: 300px;
}
.page.wizard .wgroup_finish { .page.wizard .wgroup_finish {
height: 300px; height: 300px;
} }
@@ -7,6 +7,10 @@ Page.Wizard = new Class({
wizard_only: true, wizard_only: true,
headers: { headers: {
'welcome': {
'title': 'Welcome to CouchPotato',
'description': 'To get started, fill in each of the following settings as much as your can.'
},
'general': { 'general': {
'title': 'General', 'title': 'General',
'description': 'If you want to access CP from outside your local network, you better secure it a bit with a username & password.' 'description': 'If you want to access CP from outside your local network, you better secure it a bit with a username & password.'
@@ -52,7 +56,7 @@ Page.Wizard = new Class({
) )
} }
}, },
groups: ['general', 'downloaders', 'searcher', 'providers', 'renamer', 'finish'], groups: ['welcome', 'general', 'downloaders', 'searcher', 'providers', 'renamer', 'finish'],
open: function(action, params){ open: function(action, params){
var self = this; var self = this;
@@ -114,12 +118,13 @@ Page.Wizard = new Class({
if(tab_navigation && group_container){ if(tab_navigation && group_container){
tab_navigation.inject(tabs); // Tab navigation tab_navigation.inject(tabs); // Tab navigation
self.el.getElement('.tab_'+group).inject(group_container); // Tab content self.el.getElement('.tab_'+group).inject(group_container); // Tab content
if(self.headers[group]) tab_navigation.getElement('a').set('text', (self.headers[group].label || group).capitalize());
} }
else { else {
new Element('li.t_'+group).adopt( new Element('li.t_'+group).adopt(
new Element('a', { new Element('a', {
'href': App.createUrl('wizard/'+group), 'href': App.createUrl('wizard/'+group),
'text': group.capitalize() 'text': (self.headers[group].label || group).capitalize()
}) })
).inject(tabs); ).inject(tabs);
} }
+1 -1
View File
@@ -141,7 +141,7 @@
float: none; float: none;
width: auto; width: auto;
display: inline-block; display: inline-block;
margin-left: 1% !important; padding-left: 1% !important;
height: 24px; height: 24px;
vertical-align: middle; vertical-align: middle;
} }