strepsirrhini/libreoffice-online
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1
libreoffice-online/loleaflet/css/vex.css

66 lines
2.4 KiB
CSS
Raw Normal View History

Fix vex dialog close issues. Amazingly - due to a bug in vex, without an animation closing a dialog silently fails. cf. broken vex code determining hasAnimation which needs to handle empty states in missing css properties eg. -moz-animation-name. Change-Id: I9834b438d33c908f4f9e96274ce1c2603a22c1fa
2019-11-02 13:53:31 -05:00
@keyframes vex-fadeout {
CSS lint: Code refactoring - Detected many duplicated selectors within the same file (squashed them) - Detected inconsistency (sometimes spaces sometimes tabs). Tabify as in JS. - Detected quotes' inconsistency (sometimes none, sometimes '', sometimes ""). Use '' as in JS - Avoid touching on files from 3rd party sources (jquery, w2ui), ignore files Change-Id: Idd82945f29ac6c5c9f522e5d5df4a783a367654d Reviewed-on: https://gerrit.libreoffice.org/c/online/+/102009 Tested-by: Jenkins Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com> Reviewed-by: Pedro Silva <pedro.silva@collabora.com>
2020-09-03 09:41:01 -05:00
0% {
opacity: 1; }
100% {
opacity: 0; } }
Fix vex dialog close issues. Amazingly - due to a bug in vex, without an animation closing a dialog silently fails. cf. broken vex code determining hasAnimation which needs to handle empty states in missing css properties eg. -moz-animation-name. Change-Id: I9834b438d33c908f4f9e96274ce1c2603a22c1fa
2019-11-02 13:53:31 -05:00
Fix z-index: about dialog, hamburger menu were appearing under edit FAB Change-Id: I0ef992ab221e3e3d96e1f35baa8c314fadd2e02f Reviewed-on: https://gerrit.libreoffice.org/81034 Reviewed-by: Szymon Kłos <szymon.klos@collabora.com> Tested-by: Szymon Kłos <szymon.klos@collabora.com>
2019-10-17 10:09:33 -05:00
/* Infobar */
.vex-theme-bottom-right-corner .vex-dialog-message {
font-size: 1em;
}
/* Place above statusbar */
.vex.vex-theme-bottom-right-corner .vex-content {
bottom: 40px !important;
right: 10px !important;
}
/* Vex dialogs */
.vex-open .vex-overlay {
/* TODO: remove specific z-index from our codebase
so that the following line can also be removed */
z-index: 2000;
CSS lint: add more rules and fix problems - Fix duplicated properties (ignore cases where it's needed for browser compatibility); - Fix space inconsistencies before ! - Fix space inconsistencies after colon - Fix space inconsistencies after and before combinator (>, +, ~) - Invalid calc - Many rules added to json, namely no-extra-semicolons Change-Id: I78af6bc546aeb1d7d7090e2ef278c895f0393a07 Reviewed-on: https://gerrit.libreoffice.org/c/online/+/102289 Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com> Reviewed-by: Pedro Silva <pedro.silva@collabora.com>
2020-09-09 04:02:15 -05:00
background-color: #1c5fa814;
Vex: bring back dimming but make it discreet though Change-Id: I8f036a85963a9861268971998115870a3087a9be Reviewed-on: https://gerrit.libreoffice.org/83978 Reviewed-by: Pedro Pinto da Silva <pedro.silva@collabora.com> Tested-by: Pedro Pinto da Silva <pedro.silva@collabora.com>
2019-11-28 04:06:31 -06:00
min-height: 100%;
Vex overlay: Add missing min-width rule Change-Id: I480c730273970400c2668f9d19efd768dd810c88 Reviewed-on: https://gerrit.libreoffice.org/84041 Reviewed-by: Pedro Pinto da Silva <pedro.silva@collabora.com> Tested-by: Pedro Pinto da Silva <pedro.silva@collabora.com>
2019-11-29 02:50:16 -06:00
min-width: 100%;
Vex: bring back dimming but make it discreet though Change-Id: I8f036a85963a9861268971998115870a3087a9be Reviewed-on: https://gerrit.libreoffice.org/83978 Reviewed-by: Pedro Pinto da Silva <pedro.silva@collabora.com> Tested-by: Pedro Pinto da Silva <pedro.silva@collabora.com>
2019-11-28 04:06:31 -06:00
position: absolute;
top: 0px;
Fix z-index: about dialog, hamburger menu were appearing under edit FAB Change-Id: I0ef992ab221e3e3d96e1f35baa8c314fadd2e02f Reviewed-on: https://gerrit.libreoffice.org/81034 Reviewed-by: Szymon Kłos <szymon.klos@collabora.com> Tested-by: Szymon Kłos <szymon.klos@collabora.com>
2019-10-17 10:09:33 -05:00
}
/* dialog shown when user is idle */
.vex-open .loleaflet-user-idle {
Vex: idle: differentiate styles depending on device Change-Id: I236e64b2688e38c6651563f2c206a7b9276bae50 Reviewed-on: https://gerrit.libreoffice.org/82131 Reviewed-by: Michael Meeks <michael.meeks@collabora.com> Tested-by: Michael Meeks <michael.meeks@collabora.com>
2019-11-06 04:00:51 -06:00
background: #ffffffe0 !important;
font-size: xx-large !important;
color: #7a8592 !important;
text-align: center !important;
Fix z-index: about dialog, hamburger menu were appearing under edit FAB Change-Id: I0ef992ab221e3e3d96e1f35baa8c314fadd2e02f Reviewed-on: https://gerrit.libreoffice.org/81034 Reviewed-by: Szymon Kłos <szymon.klos@collabora.com> Tested-by: Szymon Kłos <szymon.klos@collabora.com>
2019-10-17 10:09:33 -05:00
}
.vex-open .loleaflet-user-idle .vex-dialog-buttons {
Vex: idle: differentiate styles depending on device Change-Id: I236e64b2688e38c6651563f2c206a7b9276bae50 Reviewed-on: https://gerrit.libreoffice.org/82131 Reviewed-by: Michael Meeks <michael.meeks@collabora.com> Tested-by: Michael Meeks <michael.meeks@collabora.com>
2019-11-06 04:00:51 -06:00
display: none !important;
Fix z-index: about dialog, hamburger menu were appearing under edit FAB Change-Id: I0ef992ab221e3e3d96e1f35baa8c314fadd2e02f Reviewed-on: https://gerrit.libreoffice.org/81034 Reviewed-by: Szymon Kłos <szymon.klos@collabora.com> Tested-by: Szymon Kłos <szymon.klos@collabora.com>
2019-10-17 10:09:33 -05:00
}
Fix vex dialog close issues. Amazingly - due to a bug in vex, without an animation closing a dialog silently fails. cf. broken vex code determining hasAnimation which needs to handle empty states in missing css properties eg. -moz-animation-name. Change-Id: I9834b438d33c908f4f9e96274ce1c2603a22c1fa
2019-11-02 13:53:31 -05:00
Desktop: Vex-bottom-right-corner: Fix missing z-index and remove duplicated rule Change-Id: I502aea7c7fb012a4464444ae415738a6c90b1306 Reviewed-on: https://gerrit.libreoffice.org/c/online/+/90414 Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com> Tested-by: Pedro Pinto da Silva <pedro.silva@collabora.com> Reviewed-by: Pedro Pinto da Silva <pedro.silva@collabora.com>
2020-03-12 09:36:14 -05:00
.vex.vex-theme-plain, .vex.vex-theme-bottom-right-corner{
Fix z-index: about dialog, hamburger menu were appearing under edit FAB Change-Id: I0ef992ab221e3e3d96e1f35baa8c314fadd2e02f Reviewed-on: https://gerrit.libreoffice.org/81034 Reviewed-by: Szymon Kłos <szymon.klos@collabora.com> Tested-by: Szymon Kłos <szymon.klos@collabora.com>
2019-10-17 10:09:33 -05:00
z-index: 2001 !important;
}
.vex.vex-theme-plain .vex-content{
border: 1px solid #a4a4a4;
box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
border-radius: 4px;
Desktop: disable outline on non form elements (vex dialogs) Example: Keyboard Shortcuts dialog was getting an getting an outline every-time it was being opened Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com> Change-Id: I2be8ffa7678a71ecd51ea7477e70ba2ea4baac36
2020-10-28 08:28:59 -05:00
outline: none;
Fix z-index: about dialog, hamburger menu were appearing under edit FAB Change-Id: I0ef992ab221e3e3d96e1f35baa8c314fadd2e02f Reviewed-on: https://gerrit.libreoffice.org/81034 Reviewed-by: Szymon Kłos <szymon.klos@collabora.com> Tested-by: Szymon Kłos <szymon.klos@collabora.com>
2019-10-17 10:09:33 -05:00
}
Fix vex dialog close issues. Amazingly - due to a bug in vex, without an animation closing a dialog silently fails. cf. broken vex code determining hasAnimation which needs to handle empty states in missing css properties eg. -moz-animation-name. Change-Id: I9834b438d33c908f4f9e96274ce1c2603a22c1fa
2019-11-02 13:53:31 -05:00
.vex-closing {
Resolved: Keyboard shortcut help window won't scroll Help usually don't fit in the resulting popup window, but wasn't possible to scroll. Change-Id: Iff14620730ba9cee6e679e4b6b69e84342019cd1 Reviewed-on: https://gerrit.libreoffice.org/84998 Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com> Reviewed-by: Andras Timar <andras.timar@collabora.com>
2019-12-11 17:53:47 -06:00
-webkit-animation: vex-fadeout .25s forwards;
animation: vex-fadeout .25s forwards;
Fix vex dialog close issues. Amazingly - due to a bug in vex, without an animation closing a dialog silently fails. cf. broken vex code determining hasAnimation which needs to handle empty states in missing css properties eg. -moz-animation-name. Change-Id: I9834b438d33c908f4f9e96274ce1c2603a22c1fa
2019-11-02 13:53:31 -05:00
}
CSS lint: Code refactoring - Detected many duplicated selectors within the same file (squashed them) - Detected inconsistency (sometimes spaces sometimes tabs). Tabify as in JS. - Detected quotes' inconsistency (sometimes none, sometimes '', sometimes ""). Use '' as in JS - Avoid touching on files from 3rd party sources (jquery, w2ui), ignore files Change-Id: Idd82945f29ac6c5c9f522e5d5df4a783a367654d Reviewed-on: https://gerrit.libreoffice.org/c/online/+/102009 Tested-by: Jenkins Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com> Reviewed-by: Pedro Silva <pedro.silva@collabora.com>
2020-09-03 09:41:01 -05:00
.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input select, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type='date'], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type='datetime'], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type='datetime-local'], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type='email'], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type='month'], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type='number'], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type='password'], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type='search'], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type='tel'], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type='text'], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type='time'], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type='url'], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type='week']{
Vex: input: fix paddings and widths (mobile and desktop) Change-Id: I0f1882ca785b211ffd18bdbc972c1152cfa3d275 Reviewed-on: https://gerrit.libreoffice.org/82126 Reviewed-by: Pedro Pinto da Silva <pedro.silva@collabora.com> Reviewed-by: Michael Meeks <michael.meeks@collabora.com> Tested-by: Michael Meeks <michael.meeks@collabora.com>
2019-11-06 03:12:40 -06:00
width: 95% !important;
}
Fix vex dialog close issues. Amazingly - due to a bug in vex, without an animation closing a dialog silently fails. cf. broken vex code determining hasAnimation which needs to handle empty states in missing css properties eg. -moz-animation-name. Change-Id: I9834b438d33c908f4f9e96274ce1c2603a22c1fa
2019-11-02 13:53:31 -05:00
Resolved: Keyboard shortcut help window won't scroll Help usually don't fit in the resulting popup window, but wasn't possible to scroll. Change-Id: Iff14620730ba9cee6e679e4b6b69e84342019cd1 Reviewed-on: https://gerrit.libreoffice.org/84998 Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com> Reviewed-by: Andras Timar <andras.timar@collabora.com>
2019-12-11 17:53:47 -06:00
.vex {
position: fixed;
overflow: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
Reference in a new issue Copy permalink