luisgulo/BookStack
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Made settings ui a little less jumpy

Browse source
This commit is contained in:
Dan Brown 2016-04-24 10:28:47 +01:00
parent 2dc1180a41
commit 9dc1b35e82
3 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/assets/js/directives.js
View file

@ -15,7 +15,7 @@ module.exports = function (ngApp, events) {
*/ */
ngApp.directive('toggleSwitch', function () { ngApp.directive('toggleSwitch', function () {
return { return {
restrict: 'E', restrict: 'A',
template: toggleSwitchTemplate, template: toggleSwitchTemplate,
scope: true, scope: true,
link: function (scope, element, attrs) { link: function (scope, element, attrs) {

5
resources/assets/sass/_forms.scss
View file

@ -249,3 +249,8 @@ div[editor-type="markdown"] .title-input.page-title input[type="text"] {
.image-picker img { .image-picker img {
background-color: #BBB; background-color: #BBB;
} }
div[toggle-switch] {
height: 18px;
width: 150px;
}

8
resources/views/settings/index.blade.php
View file

@ -21,12 +21,12 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label>Allow public viewing?</label> <label>Allow public viewing?</label>
<toggle-switch name="setting-app-public" value="{{ setting('app-public') }}"></toggle-switch> <div toggle-switch name="setting-app-public" value="{{ setting('app-public') }}"></div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label>Enable higher security image uploads?</label> <label>Enable higher security image uploads?</label>
<p class="small">For performance reasons, all images are public by default, This option adds a random, hard-to-guess characters in front of image names. Ensure directory indexes are not enabled to prevent easy access.</p> <p class="small">For performance reasons, all images are public by default, This option adds a random, hard-to-guess characters in front of image names. Ensure directory indexes are not enabled to prevent easy access.</p>
<toggle-switch name="setting-app-secure-images" value="{{ setting('app-secure-images') }}"></toggle-switch> <div toggle-switch name="setting-app-secure-images" value="{{ setting('app-secure-images') }}"></div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="setting-app-editor">Page editor</label> <label for="setting-app-editor">Page editor</label>
@ -61,7 +61,7 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
<label for="setting-registration-enabled">Allow registration?</label> <label for="setting-registration-enabled">Allow registration?</label>
<toggle-switch name="setting-registration-enabled" value="{{ setting('registration-enabled') }}"></toggle-switch> <div toggle-switch name="setting-registration-enabled" value="{{ setting('registration-enabled') }}"></div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="setting-registration-role">Default user role after registration</label> <label for="setting-registration-role">Default user role after registration</label>
@ -78,7 +78,7 @@
<div class="form-group"> <div class="form-group">
<label for="setting-registration-confirmation">Require email confirmation?</label> <label for="setting-registration-confirmation">Require email confirmation?</label>
<p class="small">If domain restriction is used then email confirmation will be required and the below value will be ignored.</p> <p class="small">If domain restriction is used then email confirmation will be required and the below value will be ignored.</p>
<toggle-switch name="setting-registration-confirmation" value="{{ setting('registration-confirmation') }}"></toggle-switch> <div toggle-switch name="setting-registration-confirmation" value="{{ setting('registration-confirmation') }}"></div>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">