Remove unused vex definitions.

Signed-off-by: Gökay Şatır <gokaysatir@collabora.com>
Change-Id: I16a5df46bced608952c22bf979808bc735645366
This commit is contained in:
Gökay Şatır 2023-03-16 11:01:32 +03:00 committed by Gökay ŞATIR
parent a2165960b9
commit 51bb1d3aa7
10 changed files with 8 additions and 439 deletions

View file

@ -1,10 +1,6 @@
/* For btns hover status see device-desktop.css */
.jsdialog-container .ui-button-box button,
.vex.vex-theme-plain .vex-dialog-button {
font-family: var(--jquery-ui-font);
text-transform: full-size-kana;
}
.jsdialog *[disabled] {
color: var(--color-text-lighter);
@ -18,8 +14,7 @@ button.jsdialog img {
max-height: 100%;
}
.annotation-btns-container,
.vex-dialog-buttons {
.annotation-btns-container {
display: flex;
flex-direction: row;
justify-content: end;
@ -54,10 +49,6 @@ button:not(.ui-corner-all):not(.button-primary) {
vertical-align: middle;
}
.vex.vex-theme-plain .vex-dialog-form .vex-dialog-buttons {
margin-right: -5px; /* Account for child element (button)'s margin */
}
.jsdialog.ui-button-box.end {
margin-top: 8px;
display: flex;

View file

@ -235,158 +235,18 @@ div#w2ui-overlay-actionbar.w2ui-overlay{
background-color: var(--color-background-dark);
border-radius: 0;
}
/* Related to vex.css */
.vex-open .cool-user-idle {
background: rgba(0, 0, 0, 0) !important;
font-size: xx-large !important;
color: #fff !important;
text-align: center !important;
}
.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']{
padding: 0 !important
}
.vex-content .cool-annotation-img {
box-sizing: content-box !important;
}
.vex-dialog-input > textarea.cool-annotation-textarea {
height: 150px;
border: 1px solid var(--color-border);
box-shadow: 0 0 1px 1px var(--color-box-shadow);
border-radius: var(--border-radius);
}
.vex-dialog-input > textarea.cool-annotation-textarea:focus {
height: 150px;
border: 1px solid var(--color-border);
box-shadow: 0 0 1px 1px var(--color-primary);
}
#mobile-wizard-popup .cool-annotation-content,
#mobile-wizard .cool-annotation-content {
margin: 3px 3px 3px 38px;
padding: 0px 10px;
}
.vex-dialog-message {
text-align: center;
font-family: var(--vex-font) !important;
font-size: 1em !important;
font-weight: 600 !important;
}
.vex-dialog-message > div {
text-align: left;
font-family: var(--vex-font) !important;
font-size: 1em !important;
font-weight: 600 !important;
}
.vex-dialog-message label {
width: 84%;
padding-left: 4%;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: text-bottom;
}
.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type='text'] {
border-radius: var(--border-radius) !important;
background-color: #fff !important;
width: 100%;
width: -moz-available !important;
width: -webkit-fill-available !important;
width: fill-available !important;
border: 4px solid #fff !important;
box-shadow: 0 0 1px 1px #dfdfdf;
}
.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type='text']:focus {
border: 4px solid #fff !important;
box-shadow: 0 0 1px 1px #0b87e7 !important;
color: #0b87e7 !important;
}
.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type='text']:focus input{
color: #000 !important;
}
.vex-dialog-input {
font-family: var(--vex-font) !important;
font-size: 0.8em;
}
.vex.vex-theme-plain .vex-content {
height: 100% !important;
max-width: 100% !important;
width: auto !important;
border: none;
box-shadow: none;
border-radius: none;
display: flex;
flex-direction: column;
}
.vex.vex-theme-plain .vex-content:not(.vex-has-inputs) .vex-dialog-form {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
}
.vex.vex-theme-plain {
padding: 0px !important;
}
.vex-open .vex-overlay {
z-index: 2000;
min-height: 100%;
position: absolute;
width: 100%;
width: -moz-available !important;
width: -webkit-fill-available !important;
width: fill-available !important;
top: 0;
background-color: var(--color-main-background);
}
.vex.vex-theme-plain input {
font-size: 1.1em !important;
}
textarea.cool-annotation-textarea {
min-width: -moz-available !important;
min-width: -webkit-fill-available !important;
min-width: fill-available !important;
}
button.button-primary.vex-dialog-button.vex-first {
border: 1px solid var(--color-primary) !important;
border-radius: var(--border-radius) !important;
background-color: var(--color-primary-lighter) !important;
color: var(--color-primary-text) !important;
}
button.button-secondary.vex-dialog-button.vex-last {
border-radius: var(--border-radius);
background-color: var(--color-background-lighter) !important;
border: 1px solid var(--color-border-lighter) !important;
}
.vex.vex-theme-plain .vex-dialog-button{
line-height: 1em !important;
height: auto !important;
}
.vex-overlay.cool-user-idle-overlay {
background-color: #05396180;
}
.vex-content.cool-user-idle{
padding-top: 160px !important;
padding-bottom: 160px !important;
}
/* Vex: Welcome dialog */
.vex-welcome-mobile .vex-dialog-form .vex-content {
padding: 0;
}
.vex-welcome-mobile .button-primary {
width: 100%;
}
/* Vex: Document document conflict */
.vex.vex-theme-plain .vex-dialog-button-spacer {
min-height: 24px !important;
}
.vex-dialog-buttons {
flex-direction: column !important;
}
.vex-close:not(.vex-close-m) {
display: none;
}
/* Related to toolbar.css */
@-moz-document url-prefix() {

View file

@ -55,7 +55,7 @@
width: 0;
height: 0;
}
.vex-content .cool-annotation-img {
.cool-annotation-img {
box-sizing: content-box !important;
}

View file

@ -1006,7 +1006,7 @@ label.disabled {
.ui-textarea.mobile-wizard,
#hyperlink-link-box-label.mobile-wizard {
/*
, textarea was also here assign but it was messing up with all textareas (annotations on desktop and vex on mobile):
, textarea was also here assign but it was messing up with all textareas (annotations on desktop and mobile):
- added 93038: jsdialog: style dialogs; a5016d547c6242f6f9b28748b5724b0bc10cdb67
*/
width: -moz-available;

View file

@ -4,127 +4,6 @@
100% {
opacity: 0; } }
/* 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;
background-color: var(--color-overlay);
min-height: 100%;
min-width: 100%;
position: absolute;
top: 0px;
}
.vex-content .vex-footnote {
color: var(--color-main-text) !important;
font-size: 0.78em;
}
/* dialog shown when user is idle */
.vex-open .cool-user-idle {
background: var(--color-background-lighter) !important;
font-size: xx-large !important;
color: var(--color-main-text) !important;
text-align: center !important;
}
.vex-open .cool-user-idle .vex-dialog-buttons {
display: none !important;
}
.vex-open .loleaflet-user-idle .title {
font-size: 2rem;
margin: 0;
}
.vex-open .loleaflet-user-idle .content {
font-size: 20px;
margin: 0;
}
.vex.vex-theme-plain, .vex.vex-theme-bottom-right-corner{
z-index: 2001 !important;
}
.vex.vex-theme-plain .vex-dialog-title {
margin-bottom: .5em;
font-size: var(--header-font-size);
color: var(--color-main-text);
}
.vex.vex-theme-plain .vex-dialog-button-spacer {
visibility: hidden;
padding: 0;
margin: 0;
border: none;
flex: 1;
max-width: 24px;
}
.vex-content.vex-3btns .vex-dialog-buttons {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.vex-content.vex-3btns .vex-dialog-buttons > button:not(.button-secondary) {
flex: 1 auto;
}
.vex.vex-theme-plain .vex-content,
.vex-dialog-message {
font-size: var(--header-font-size);
color: var(--color-main-text);
}
.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'] {
background-color: var(--color-background-dark);
border-radius: var(--border-radius);
border: 1px solid var(--color-border-dark);
color: var(--color-text-dark);
}
.vex-content.vex-3btns .vex-dialog-buttons .vex-dialog-button-cancel {
display: none;
}
.vex.vex-theme-plain .vex-content,
.vex.vex-theme-bottom-right-corner .vex-content {
box-shadow: 0 1px 10px 1px var(--color-box-shadow);
border-radius: var(--border-radius-large);
background-color: var(--color-background-lighter);
outline: none;
}
.vex-selectable {
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.vex.vex-theme-plain .vex-close:before {
color: var(--color-main-text);
border: 1px solid transparent;
border-radius: 50%;
width: 48px;
height: 48px;
line-height: 48px;
font-size: 36px;
}
.vex.vex-theme-plain:hover .vex-close:hover:before {
color: var(--color-text-darker);
background-color: var(--color-background-darker);
border: 1px solid var(--color-border-darker);
}
#about-dialog {
color: var(--color-main-text);
}
@ -132,26 +11,6 @@
border: 1px solid var(--color-border);
}
.vex-closing {
-webkit-animation: vex-fadeout .25s forwards;
animation: vex-fadeout .25s forwards;
}
.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input{
border-radius: var(--border-radius);
box-shadow: inset 0 0 2px 0 var(--color-box-shadow);
box-sizing: border-box;
}
.vex {
position: fixed;
overflow: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Keyboard input keys */
kbd,
.kbd {
@ -177,114 +36,6 @@ kbd,
width: 100%;
}
/* Integrator: feature locking */
.vex.vex-theme-plain .vex-content.vex-locking {
width: 652px;
}
.vex.vex-theme-plain .vex-content.vex-locking h1 {
margin-bottom: .5em;
font-size: 1.1em;
color: #fda208;
}
.vex.vex-theme-plain .vex-content.vex-locking:not(.mobile) h1 {
margin-inline-start: 1.1em;
}
.vex.vex-theme-plain .vex-content.vex-locking p {
margin-inline-start: 1.2em;
}
.vex.vex-theme-plain .vex-content.vex-locking ul {
list-style: none;
padding: 0;
font-size: 0.84em;
text-shadow: 1px 1px 12px #ffbf0038, 0 0 0.5px #00000026;
}
.vex.vex-theme-plain .vex-content.vex-locking ul li {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.vex.vex-theme-plain .vex-content.vex-locking ul li::before {
content: '\2022';
color: #fda208;
font-weight: bold;
display: inline-block;
width: 1em;
min-width: 1em;
margin-inline-start: 0.5em;
}
.vex.vex-theme-plain .vex-content.vex-locking .container {
display: flex;
flex-direction: row;
}
.vex.vex-theme-plain .vex-content.vex-locking .container .item {
color: #444;
flex: 1;
}
.vex.vex-theme-plain .vex-content.vex-locking .container .item.illustration {
flex: 1.3;
background: transparent no-repeat left 4px /contain;
height: 288px;
}
.vex.vex-theme-plain .vex-content.vex-locking .button-primary {
background-color: var(--color-primary);
color: var(--color-primary-text);
border-color: var(--color-primary-dark);
text-shadow: 0 0 8px var(--color-primary-dark);
}
.vex.vex-theme-plain .vex-content.vex-locking .button-primary:hover {
border-color: var(--color-primary-darker) !important;
background-color: var(--color-primary-darker);
color: var(--color-primary-text);
text-shadow: none;
}
.vex.vex-theme-plain .vex-content.vex-locking.mobile .container .item p {
font-size: 1.1em !important;
font-family: var(--jquery-ui-font);
margin-left: 5px;
margin-right: 5px;
}
.vex.vex-theme-plain .vex-content.vex-locking.mobile .container .item h1 {
text-align: center;
font-size: 1.4em !important;
}
.vex.vex-theme-plain .vex-content.vex-locking.mobile ul {
text-shadow: none;
font-size: 1em !important;
margin-left: 5px;
margin-right: 5px;
}
.vex.vex-theme-plain .vex-content.vex-locking.mobile ul li::before {
width: 0.8em;
margin-left: 0em;
}
.vex.vex-theme-plain .vex-content.vex-locking.mobile .container {
flex-direction: column;
}
.vex.vex-theme-plain .vex-content.vex-locking.mobile .container .item.illustration {
flex: 2 1 auto;
height: 238px;
background-position: center;
}
.vex.vex-theme-plain .vex-content.vex-locking.mobile .button-primary {
background-color: #fda918 !important;
border-color: #cc8202 !important;
text-shadow: 0 0 0.5px #cc8202;
}
.vex.vex-theme-plain .vex-locking.mobile .vex-dialog-buttons {
display: flex;
flex-direction: column-reverse;
}
.slider, .slides > div {
width: 100%;
}

View file

@ -1,34 +1,3 @@
.findReplaceVex .findreplacetable {
width: 100%;
}
.findReplaceVex .findreplacetable label, .findReplaceVex .findreplacetable input {
font-size: .9em;
width: 95%;
}
.findReplaceVex .vex-content{
width: 650px !important;
position: absolute !important;
z-index: 1100;
left: calc(50vw - 325px);
box-shadow: 0 4px 16px rgba(0,0,0,.2);
border: 1px solid var(--color-border);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.vex-dialog-message {
font-size: 1.2em;
}
.findReplaceVex .btnArrow {
float: left !important;
margin: 0px !important;
margin-right: 6px !important;
width: 20%;
}
.findReplaceVex .vex-dialog-button {
text-transform: initial !important;
}
.search-not-found {
background-color: var(--color-error);
-webkit-transition: background-color 0.8s linear;

View file

@ -323,7 +323,7 @@ m4_ifelse(MOBILEAPP,[true],
<div style="margin-inline-end: auto;"><div id="lokit-version" dir="ltr"></div></div>
m4_ifelse(MOBILEAPP,[],[<div id="served-by"><span id="served-by-label"></span>&nbsp;<span id="os-info"></span>&nbsp;<wbr><span id="coolwsd-id"></span></div>],[<p></p>])
<div id="slow-proxy"></div>
m4_ifelse(DEBUG,[true],[<div id="js-dialog">JSDialogs: <a href="javascript:void(function() { window.vex.closeTop(); app.socket.sendMessage('uno .uno:WidgetTestDialog') }() )">View widgets</a></div>])
m4_ifelse(DEBUG,[true],[<div id="js-dialog">JSDialogs: <a href="javascript:void(function() { app.socket.sendMessage('uno .uno:WidgetTestDialog') }() )">View widgets</a></div>])
<p style="margin-inline-end: auto;"><span dir="ltr">Copyright © _YEAR_, VENDOR.</span></p>
</div>
</div>

View file

@ -1,10 +1,8 @@
/* -*- js-indent-level: 8 -*- */
/* global vex _ getParameterByName */
/* global _ getParameterByName */
var errorMessages = {};
vex.defaultOptions.className = 'vex-theme-plain';
var lang = getParameterByName('lang');
if (lang) {
String.locale = lang;

View file

@ -905,7 +905,7 @@ L.Clipboard = L.Class.extend({
},
_openPasteSpecialPopup: function () {
var msg = _('<p>Your browser has very limited access to the clipboard</p><p>Please press now: <kbd>Ctrl</kbd><span class="kbd--plus">+</span><kbd>V</kbd> to see more options</p><p class="vex-footnote">Close popup to ignore paste special</p>');
var msg = _('<p>Your browser has very limited access to the clipboard</p><p>Please press now: <kbd>Ctrl</kbd><span class="kbd--plus">+</span><kbd>V</kbd> to see more options</p><p>Close popup to ignore paste special</p>');
msg = L.Util.replaceCtrlAltInMac(msg);
this._map.uiManager.showInfoModal('paste_special_dialog');

View file

@ -117,7 +117,7 @@ body {
overflow: hidden;
margin: 0;
/* Same font as used in vex dialogs */
/* Same font as used in dialogs */
font-family: "Helvetica Neue", sans-serif;
}