Wizard and checkbox hint styling
This commit is contained in:
@@ -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);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user