mirror of
http://git.whoc.org.uk/git/password-manager.git
synced 2025-10-24 17:27:35 +02:00
Applied most of the style suggestions from Frank, tentative fix for IE
wide layout
This commit is contained in:
@@ -202,12 +202,12 @@ Clipperz.PM.UI.Components.Cards.PasswordGeneratorClass = React.createClass({
|
||||
])
|
||||
]),
|
||||
React.DOM.div({'className':'passwordValue'}, [
|
||||
React.DOM.div({'className':'button generatePassword', 'onClick':this.refreshPasswordValue}, "generate password"),
|
||||
React.DOM.div({'className':'passwordWrapper'}, [
|
||||
Clipperz.PM.UI.Components.Cards.TextArea({'rows':'1', 'value':this.state['password'], 'onChange':this.changeStateWithTargetValue('password', false)}),
|
||||
React.DOM.div({'className':'entropyWrapper', 'style':{'backgroundColor':entropyColor}}, [ React.DOM.div({'className':'entropy', 'style':{'width': entropyWidth}})])
|
||||
]),
|
||||
React.DOM.div({'className':'button setPasswordValue', 'onClick':this.setPasswordValue}, "set password"),
|
||||
React.DOM.div({'className':'button generatePassword', 'onClick':this.refreshPasswordValue}, "generate password"),
|
||||
]),
|
||||
])
|
||||
])
|
||||
|
||||
@@ -62,6 +62,12 @@ Clipperz.Base.extend(Clipperz.PM.UI.Components.Overlay, Object, {
|
||||
this.showProgressBar();
|
||||
}
|
||||
|
||||
if (! aMessage && ! showProgress) {
|
||||
MochiKit.DOM.addElementClass(this.element(), 'spinnerOnly');
|
||||
} else {
|
||||
MochiKit.DOM.removeElementClass(this.element(), 'spinnerOnly');
|
||||
}
|
||||
|
||||
this.resetStatus();
|
||||
this.setMessage(aMessage);
|
||||
MochiKit.DOM.removeElementClass(this.element(), 'ios-overlay-hide');
|
||||
|
||||
@@ -141,7 +141,12 @@ Clipperz.PM.UI.Components.SelectionsClass = React.createClass({
|
||||
]),
|
||||
]),
|
||||
|
||||
React.DOM.ul({'className':'tagList'}, MochiKit.Base.map(function (aTag) {return Clipperz.PM.UI.Components.TagIndexItem({'label':aTag, 'count':tagInfo[aTag], 'selected':aTag == filterValue}); }, tags)),
|
||||
React.DOM.ul({'className':'tagList'}, [
|
||||
React.DOM.li({'className': 'title'}, "Tags"),
|
||||
MochiKit.Base.map(function (aTag) {
|
||||
return Clipperz.PM.UI.Components.TagIndexItem({'label':aTag, 'count':tagInfo[aTag], 'selected':aTag == filterValue});
|
||||
}, tags)
|
||||
]),
|
||||
React.DOM.div({'className':'showArchivedCards', 'onClick':this.handleCheckboxChanges}, [
|
||||
React.DOM.input({'type':'checkbox', 'checked':this.props['shouldIncludeArchivedCards'] ? 'checked' : null}),
|
||||
React.DOM.span({'className':'label'}, "Show archived cards"),
|
||||
|
||||
Reference in New Issue
Block a user