1
0
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:
Dario Chiappetta
2015-11-27 16:16:58 +01:00
parent cc3ee3324e
commit ce0883a7f1
9 changed files with 119 additions and 456 deletions

View File

@@ -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"),
]),
])
])

View File

@@ -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');

View File

@@ -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"),