keeweb
/
keeweb
mirror of https://github.com/keeweb/keeweb.git
1
0
Fork 0
Code Issues Releases Wiki Activity

fixed paddings

This commit is contained in:
antelle 2019-09-08 11:46:03 +02:00
parent 56fbc14893
commit ba56444a6e
13 changed files with 92 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/styles/areas/_app.scss
View File

@ -125,7 +125,6 @@
flex: 1;
display: flex;
overflow: hidden;
padding: $base-spacing;
position: relative;
@include mobile {
padding: $base-padding;

4
app/styles/areas/_generator-presets.scss
View File

@ -15,8 +15,8 @@
overflow-x: hidden;
}
&__buttons {
margin-top: $base-padding-v;
&__content, &__buttons {
margin: $base-padding;
}
&__sample {

4
app/styles/areas/_grp.scss
View File

@ -15,6 +15,10 @@
overflow-x: hidden;
}
&__content, &__buttons {
padding: $base-padding;
}
&__icon {
display: block;
font-size: $large-header-font-size;

5
app/styles/areas/_settings.scss
View File

@ -6,10 +6,13 @@
justify-content: flex-start;
flex-wrap: wrap;
@include scrollbar-on-hover;
margin: $base-padding;
overflow: hidden;
position: relative;
&__content {
margin: $base-padding;
}
> .scroller {
flex: 1 0 0;
}

1
app/styles/areas/_tag.scss
View File

@ -6,6 +6,7 @@
justify-content: flex-start;
width: 100%;
user-select: none;
padding: $base-padding;
&__space {
flex: 1;

80
app/templates/generator-presets.hbs
View File

@ -3,46 +3,48 @@
{{res 'retToApp'}} <i class="fa fa-external-link-square"></i>
</div>
<div class="scroller">
<h1>{{res 'genPsTitle'}}</h1>
<select class="gen-ps__list input-base">
{{#each presets as |ps|}}
<option value="{{ps.name}}" {{#ifeq ps ../selected}}selected{{/ifeq}}>{{#if ps.builtIn}}* {{/if}}{{ps.title}}</option>
<div class="gen-ps__content">
<h1>{{res 'genPsTitle'}}</h1>
<select class="gen-ps__list input-base">
{{#each presets as |ps|}}
<option value="{{ps.name}}" {{#ifeq ps ../selected}}selected{{/ifeq}}>{{#if ps.builtIn}}* {{/if}}{{ps.title}}</option>
{{/each}}
</select>
<div class="gen-ps__field">
<input type="checkbox" class="input-base" id="gen-ps__check-enabled" {{#unless selected.disabled}}checked{{/unless}} />
<label for="gen-ps__check-enabled">{{res 'genPsEnabled'}}</label>
</div>
<div class="gen-ps__field">
<input type="checkbox" class="input-base" id="gen-ps__check-default" {{#if selected.default}}checked{{/if}} />
<label for="gen-ps__check-default">{{res 'genPsDefault'}}</label>
</div>
<div class="gen-ps__field">
<label for="gen-ps__field-title">{{Res 'name'}}:</label>
<input type="text" class="input-base" id="gen-ps__field-title" value="{{selected.title}}"
size="50" maxlength="64" required {{#if selected.builtIn}}readonly{{/if}} />
</div>
<div class="gen-ps__field">
<label for="gen-ps__field-length">{{res 'genPsDefaultLength'}}:</label>
<input type="text" class="input-base" id="gen-ps__field-length" value="{{selected.length}}"
size="50" maxlength="3" required pattern="\d+" {{#if selected.builtIn}}readonly{{/if}} />
</div>
{{#each ranges as |range|}}
<div class="gen-ps__field">
<input type="checkbox" class="input-base gen-ps__check-range" id="gen-ps__check-{{range.name}}"
data-range="{{range.name}}"
{{#if range.enabled}}checked{{/if}} {{#if ../selected.builtIn}}disabled{{/if}} />
<label for="gen-ps__check-{{range.name}}">{{range.title}}<span class="gen-ps__sample"> {{range.sample}}</span></label>
</div>
{{/each}}
</select>
<div class="gen-ps__field">
<input type="checkbox" class="input-base" id="gen-ps__check-enabled" {{#unless selected.disabled}}checked{{/unless}} />
<label for="gen-ps__check-enabled">{{res 'genPsEnabled'}}</label>
</div>
<div class="gen-ps__field">
<input type="checkbox" class="input-base" id="gen-ps__check-default" {{#if selected.default}}checked{{/if}} />
<label for="gen-ps__check-default">{{res 'genPsDefault'}}</label>
</div>
<div class="gen-ps__field">
<label for="gen-ps__field-title">{{Res 'name'}}:</label>
<input type="text" class="input-base" id="gen-ps__field-title" value="{{selected.title}}"
size="50" maxlength="64" required {{#if selected.builtIn}}readonly{{/if}} />
</div>
<div class="gen-ps__field">
<label for="gen-ps__field-length">{{res 'genPsDefaultLength'}}:</label>
<input type="text" class="input-base" id="gen-ps__field-length" value="{{selected.length}}"
size="50" maxlength="3" required pattern="\d+" {{#if selected.builtIn}}readonly{{/if}} />
</div>
{{#each ranges as |range|}}
<div class="gen-ps__field">
<input type="checkbox" class="input-base gen-ps__check-range" id="gen-ps__check-{{range.name}}"
data-range="{{range.name}}"
{{#if range.enabled}}checked{{/if}} {{#if ../selected.builtIn}}disabled{{/if}} />
<label for="gen-ps__check-{{range.name}}">{{range.title}}<span class="gen-ps__sample"> {{range.sample}}</span></label>
</div>
{{/each}}
<div class="gen-ps__field">
<label for="gen-ps__field-include">{{res 'genPsInclude'}}:</label>
<input type="text" class="input-base" id="gen-ps__field-include" value="{{selected.include}}"
{{#if selected.builtIn}}readonly{{/if}} />
</div>
<div class="gen-ps__field">
<label>{{res 'genPsExample'}}:</label>
<div class="gen-ps__example"></div>
<div class="gen-ps__field">
<label for="gen-ps__field-include">{{res 'genPsInclude'}}:</label>
<input type="text" class="input-base" id="gen-ps__field-include" value="{{selected.include}}"
{{#if selected.builtIn}}readonly{{/if}} />
</div>
<div class="gen-ps__field">
<label>{{res 'genPsExample'}}:</label>
<div class="gen-ps__example"></div>
</div>
</div>
</div>
<div class="scroller__bar-wrapper"><div class="scroller__bar"></div></div>

66
app/templates/grp.hbs
View File

@ -3,40 +3,42 @@
{{res 'retToApp'}} <i class="fa fa-external-link-square"></i>
</div>
<div class="scroller">
<h1>{{res 'grpTitle'}}</h1>
<div class="grp__field">
<label for="grp__field-title">{{Res 'name'}}:</label>
<input type="text" class="input-base" id="grp__field-title" value="{{title}}" size="50" maxlength="1024"
required {{#if readonly}}readonly{{/if}} />
</div>
{{#unless readonly}}
<div>
<input type="checkbox" class="input-base" id="grp__check-search" {{#if enableSearching}}checked{{/if}} />
<label for="grp__check-search">{{res 'grpSearch'}}</label>
</div>
{{/unless}}
<label>{{Res 'icon'}}:</label>
<div class="grp__icon-wrap">
{{#if customIcon}}
<img src="{{{customIcon}}}" class="grp__icon grp__icon--image" />
{{else}}
<i class="fa fa-{{icon}} grp__icon"></i>
<div class="grp__content">
<h1>{{res 'grpTitle'}}</h1>
<div class="grp__field">
<label for="grp__field-title">{{Res 'name'}}:</label>
<input type="text" class="input-base" id="grp__field-title" value="{{title}}" size="50" maxlength="1024"
required {{#if readonly}}readonly{{/if}} />
</div>
{{#unless readonly}}
<div>
<input type="checkbox" class="input-base" id="grp__check-search" {{#if enableSearching}}checked{{/if}} />
<label for="grp__check-search">{{res 'grpSearch'}}</label>
</div>
{{/unless}}
<label>{{Res 'icon'}}:</label>
<div class="grp__icon-wrap">
{{#if customIcon}}
<img src="{{{customIcon}}}" class="grp__icon grp__icon--image" />
{{else}}
<i class="fa fa-{{icon}} grp__icon"></i>
{{/if}}
</div>
<div class="grp__icons"></div>
{{#if canAutoType}}
{{#unless readonly}}
<div>
<input type="checkbox" class="input-base" id="grp__check-auto-type" {{#if autoTypeEnabled}}checked{{/if}} />
<label for="grp__check-auto-type">{{res 'grpAutoType'}}</label>
</div>
{{/unless}}
<div class="grp__field">
<label for="grp__field-auto-type-seq">{{res 'grpAutoTypeSeq'}}:</label>
<input type="text" class="input-base" id="grp__field-auto-type-seq" value="{{autoTypeSeq}}"
size="50" maxlength="1024" placeholder="{{res 'grpAutoTypeSeqDefault'}}: {{defaultAutoTypeSeq}}" />
</div>
{{/if}}
</div>
<div class="grp__icons"></div>
{{#if canAutoType}}
{{#unless readonly}}
<div>
<input type="checkbox" class="input-base" id="grp__check-auto-type" {{#if autoTypeEnabled}}checked{{/if}} />
<label for="grp__check-auto-type">{{res 'grpAutoType'}}</label>
</div>
{{/unless}}
<div class="grp__field">
<label for="grp__field-auto-type-seq">{{res 'grpAutoTypeSeq'}}:</label>
<input type="text" class="input-base" id="grp__field-auto-type-seq" value="{{autoTypeSeq}}"
size="50" maxlength="1024" placeholder="{{res 'grpAutoTypeSeqDefault'}}: {{defaultAutoTypeSeq}}" />
</div>
{{/if}}
</div>
<div class="scroller__bar-wrapper"><div class="scroller__bar"></div></div>
{{#unless readonly}}

2
app/templates/settings/settings-about.hbs
View File

@ -1,4 +1,4 @@
<div>
<div class="settings__content">
<h1><i class="fa fa-info"></i> {{res 'setAboutTitle'}} KeeWeb v{{version}}</h1>
<p>{{#res 'setAboutFirst'}}<a href="http://antelle.net" target="_blank">Antelle</a>{{/res~}}&nbsp;
{{~#res 'setAboutSecond'}}<a href="{{licenseLink}}" target="_blank">MIT</a>{{/res}}

2
app/templates/settings/settings-file.hbs
View File

@ -1,4 +1,4 @@
<div>
<div class="settings__content">
<h1><i class="fa fa-lock"></i> {{name}}</h1>
{{#if storage}}
{{#ifeq storage 'file'}}<p>{{res 'setFilePath'}}: {{path}}</p>{{/ifeq}}

2
app/templates/settings/settings-general.hbs
View File

@ -1,4 +1,4 @@
<div>
<div class="settings__content">
<h1><i class="fa fa-cog"></i> {{res 'setGenTitle'}}</h1>
{{#if updateWaitingReload}}

2
app/templates/settings/settings-help.hbs
View File

@ -1,4 +1,4 @@
<div>
<div class="settings__content">
<h1><i class="fa fa-question"></i> {{res 'help'}}</h1>
<h2>{{res 'setHelpFormat'}}</h2>
<p>{{#res 'setHelpFormatBody'}}<a href="http://keepass.info/" target="_blank">KeePass</a>{{/res}}</p>

2
app/templates/settings/settings-plugins.hbs
View File

@ -1,4 +1,4 @@
<div>
<div class="settings__content">
<h1><i class="fa fa-puzzle-piece"></i> {{res 'plugins'}}</h1>
<div>
{{res 'setPlDevelop'}} <a href="{{pluginDevLink}}" target="_blank">{{res 'setPlDevelopStart'}}</a>.

2
app/templates/settings/settings-shortcuts.hbs
View File

@ -1,4 +1,4 @@
<div>
<div class="settings__content">
<h1><i class="fa fa-keyboard-o"></i> {{res 'setShTitle'}}</h1>
<div><span class="shortcut">{{{cmd}}}A</span> {{res 'or'}} <span class="shortcut">{{{alt}}}A</span> {{res 'setShShowAll'}}</div>
<div><span class="shortcut">{{{alt}}}C</span> {{res 'setShColors'}}</div>