mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-09-06 16:07:03 +03:00
Simple fixes
This commit is contained in:
parent
b28d4f8cf3
commit
9e38a59df3
4 changed files with 46 additions and 8 deletions
|
|
@ -40,11 +40,40 @@ function cmdHelp(cmds) {
|
||||||
return require('Html/Cmds/Help.html').replace('{{ commands }}', cmds.join(' '));
|
return require('Html/Cmds/Help.html').replace('{{ commands }}', cmds.join(' '));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @returns {void}
|
||||||
|
*/
|
||||||
|
function initGlass() {
|
||||||
|
let state = null;
|
||||||
|
try {
|
||||||
|
if (window.localStorage && window.localStorage.setItem)
|
||||||
|
{
|
||||||
|
state = '1' === '' + window.localStorage.getItem('rl-labs-glass');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
catch (e) {} // eslint-disable-line no-empty
|
||||||
|
|
||||||
|
if (null !== state)
|
||||||
|
{
|
||||||
|
$html.toggleClass('glass', !!state);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @returns {string}
|
* @returns {string}
|
||||||
*/
|
*/
|
||||||
function cmdGlass() {
|
function cmdGlass() {
|
||||||
$html.toggleClass('glass', !$html.hasClass('glass'));
|
const state = !$html.hasClass('glass');
|
||||||
|
|
||||||
|
try {
|
||||||
|
if (window.localStorage && window.localStorage.setItem)
|
||||||
|
{
|
||||||
|
window.localStorage.setItem('rl-labs-glass', state ? '1' : '0');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
catch (e) {} // eslint-disable-line no-empty
|
||||||
|
|
||||||
|
$html.toggleClass('glass', state);
|
||||||
return '';
|
return '';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -199,8 +228,8 @@ class CmdContoller
|
||||||
|
|
||||||
onCmd(isTab) {
|
onCmd(isTab) {
|
||||||
const
|
const
|
||||||
cmdLine = trim(this.cmd()).replace(/[\s]+/, ' '),
|
cmdLine = this.cmd().replace(/[\s]+/, ' '),
|
||||||
cmdParts = cmdLine.replace().split(/[\s]+/),
|
cmdParts = trim(cmdLine).replace().split(/[\s]+/),
|
||||||
cmd = cmdParts.shift();
|
cmd = cmdParts.shift();
|
||||||
|
|
||||||
if (isTab)
|
if (isTab)
|
||||||
|
|
@ -348,3 +377,6 @@ export function toggle()
|
||||||
}, 50);
|
}, 50);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// init
|
||||||
|
initGlass();
|
||||||
|
|
|
||||||
|
|
@ -6,6 +6,7 @@
|
||||||
right: 0;
|
right: 0;
|
||||||
top: auto;
|
top: auto;
|
||||||
height: 0;
|
height: 0;
|
||||||
|
z-index: 10000;
|
||||||
|
|
||||||
background: rgba(0, 0, 0, .85);
|
background: rgba(0, 0, 0, .85);
|
||||||
border-top: 1px solid #000;
|
border-top: 1px solid #000;
|
||||||
|
|
@ -16,7 +17,7 @@
|
||||||
.transition(height 0.1s ease-out);
|
.transition(height 0.1s ease-out);
|
||||||
|
|
||||||
&.opened {
|
&.opened {
|
||||||
height: 300px;
|
height: 250px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rl-cmd-clr-error {
|
.rl-cmd-clr-error {
|
||||||
|
|
|
||||||
|
|
@ -72,6 +72,8 @@
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
|
padding-left: 12px;
|
||||||
|
padding-right: 12px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -259,11 +259,13 @@ html.glass {
|
||||||
@glass-m-color: rgba(255, 255, 255, .8) !important;
|
@glass-m-color: rgba(255, 255, 255, .8) !important;
|
||||||
|
|
||||||
.thm-login {
|
.thm-login {
|
||||||
border: none !important;
|
|
||||||
background: none !important;
|
background: none !important;
|
||||||
background: rgba(0, 0, 0, .3) !important;
|
background: rgba(0, 0, 0, .5) !important;
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
|
|
||||||
|
border: none !important;
|
||||||
|
border: 1px solid rgba(255, 255, 255, .2) !important;
|
||||||
|
|
||||||
.controls {
|
.controls {
|
||||||
.input-append .add-on i {
|
.input-append .add-on i {
|
||||||
color: @glass-m-color;
|
color: @glass-m-color;
|
||||||
|
|
@ -272,8 +274,6 @@ html.glass {
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
input {
|
input {
|
||||||
border: 1px solid none !important;
|
border: 1px solid none !important;
|
||||||
background: none !important;
|
background: none !important;
|
||||||
|
|
@ -323,6 +323,9 @@ html.glass {
|
||||||
color: @glass-color;
|
color: @glass-color;
|
||||||
border-color: @glass-m-color;
|
border-color: @glass-m-color;
|
||||||
|
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 13px;
|
||||||
|
|
||||||
&:hover, &:active{
|
&:hover, &:active{
|
||||||
border-color: @glass-color;
|
border-color: @glass-color;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue