lightdm-webkit2-theme-glorious
lightdm-webkit2-theme-glorious copied to clipboard
Missing option to disable swipe gesture
When you use the desktop, it's quite annoying to swipe with the mouse pointer/cursor, so, could you add a way to disable this and going directly to the password area?
You can just click on animated arrows to lift up that screen. But yeah removing that screen or having an option to remove it by let's say pressing enter would be nice.
I fixed this on mine by doing the following:
On the main file index.html the main div has the id of screen-greeter
and the swipe thingy is defined at js/greeter.js
(I think) as this._arrowIndicatorGreeter = document.querySelector('#arrow-indicator-greeter');
with the action being defined at this._arrowIndicatorClickEvent();
. You could add an event listener to the this._screenGreeter
defined at the constructor. for example: js this._screenGreeter.addEventListener('keyPress', (e) => { if (e.keyCode == 'Enter') this._hideGreeter() })
.
Remeber to try it on a browser first :)
In /usr/share/lightdm-webkit/themes/glorious/css/screens.css
search
#screen-greeter.screen {
top: 0;
position: fixed;
pointer-events: unset;
transition: all var(--global-animation-speed);
}
and add display: none !important;
to disable swipe screen
I fixed this on mine by doing the following: On the main file index.html the main div has the id of
screen-greeter
and the swipe thingy is defined atjs/greeter.js
(I think) asthis._arrowIndicatorGreeter = document.querySelector('#arrow-indicator-greeter');
with the action being defined atthis._arrowIndicatorClickEvent();
. You could add an event listener to thethis._screenGreeter
defined at the constructor. for example:js this._screenGreeter.addEventListener('keyPress', (e) => { if (e.keyCode == 'Enter') this._hideGreeter() })
. Remeber to try it on a browser first :)
I cant get this to work... Can you help me get it working?
I fixed this on mine by doing the following: On the main file index.html the main div has the id of
screen-greeter
and the swipe thingy is defined atjs/greeter.js
(I think) asthis._arrowIndicatorGreeter = document.querySelector('#arrow-indicator-greeter');
with the action being defined atthis._arrowIndicatorClickEvent();
. You could add an event listener to thethis._screenGreeter
defined at the constructor. for example:js this._screenGreeter.addEventListener('keyPress', (e) => { if (e.keyCode == 'Enter') this._hideGreeter() })
. Remeber to try it on a browser first :)I cant get this to work... Can you help me get it working?
in greeter.js, after the class declaration:
document.addEventListener ('keypress', (event) => {
const greeter = new GreeterScreen()
if (event.key == 'Enter') {
greeter._hideGreeter();
};
});
In
/usr/share/lightdm-webkit/themes/glorious/css/screens.css
search#screen-greeter.screen { top: 0; position: fixed; pointer-events: unset; transition: all var(--global-animation-speed); }
and add
display: none !important;
to disable swipe screen
It'd be nice to be able to disable this in a config instead of the actual code