diff --git a/README.md b/README.md index a661bdeb..067ec70a 100644 --- a/README.md +++ b/README.md @@ -5,41 +5,30 @@ JS client for YunoHost API **Please report issues here** (no registration needed): https://dev.yunohost.org/projects/yunohost/issues - ## Installation -This client is a part of the YunoHost projet, and can not be installed -directly. Please visit [YunoHost website](https://yunohost.org) for -more information. +This client is a part of the YunoHost projet, and can not be installed directly. Please visit [YunoHost website](https://yunohost.org) for more information. ## Contributing Feel free to improve the plugin and send us a pull request. -We use gulp to compile Less files and minify the JavaScript. -Assuming [nodejs](http://nodejs.org/) is installed, you can run a -build with: +We use `gulp` to compile Less files and minify the JavaScript. Assuming [nodejs](http://nodejs.org/) is installed, you can install dependencies and run a build with: ```sh cd src npm install -npm install -g bower -bower install -npm install -g gulp -gulp build +npm run build ``` -Alternatively you can pas the `--dev` option to gulp which improve building -speed by bypassing compression tasks. -On a YunoHost instance, the web admin files are located at -`/usr/share/yunohost/admin`. +Alternatively you can run `npm run build-dev` which improves building speed by bypassing compression tasks. + +On a YunoHost instance, the web admin files are located at `/usr/share/yunohost/admin`. **Note:** The `.ms` - moustache - files are cached by the browser. You have to reach them manually some times you modify them. (e.g. go to https://example.com/yunohost/admin/views/domain/domain_list.ms) - - ## Dependencies * Bootstrap 3.3.6 diff --git a/src/css/style.less b/src/css/style.less index 4b42407d..9e1a1300 100644 --- a/src/css/style.less +++ b/src/css/style.less @@ -96,10 +96,6 @@ button { padding: 5px; } -.move { - transition: margin-left 0.2s ease-in-out; -} - .placehold { font-size: 0.0001em; color: transparent; @@ -196,12 +192,18 @@ button { width: 200%; height: 100%; min-height: 150px; + transition: margin-left 0.15s ease-in-out; } #slideBack, #slideTo, #main { .block; } +#slideTo, #slideBack { + // Force left & right pane height to 1px (prevent empty space before footer). + height: 1px; +} + /* * The main part of the app * @@ -215,6 +217,26 @@ button { } +/* + * Page footer + * + */ +.page-footer { + .clearfix; + .make-row(12); + margin: 20px 0; + padding-top: 20px; + border-top: 1px solid #eee; + color: #999; + font-size: 0.9em; + text-align: right; + a { + color: #666; + &:hover, + &:focus {text-decoration: underline;} + } +} + /* * The pop up dialog * diff --git a/src/index.html b/src/index.html index e2be525e..c7c3b4d3 100644 --- a/src/index.html +++ b/src/index.html @@ -54,6 +54,10 @@ + +