vue-intergrall-plugins 0.0.239 → 0.0.242
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/vue-intergrall-plugins.esm.js +33 -6
- package/dist/vue-intergrall-plugins.min.js +1 -1
- package/dist/vue-intergrall-plugins.ssr.js +34 -9
- package/package.json +1 -1
- package/src/lib-components/Chat/TextFooter.vue +4 -4
- package/src/lib-components/Messages/ChatMessages.vue +44 -8
- package/src/lib-components/Messages/InteratividadeBotoes.vue +1 -1
|
@@ -9119,8 +9119,8 @@ var __vue_staticRenderFns__$j = [];
|
|
|
9119
9119
|
|
|
9120
9120
|
var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
|
|
9121
9121
|
if (!inject) return;
|
|
9122
|
-
inject("data-v-
|
|
9123
|
-
source: ".toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}.text-footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;position:relative}.text-footer-container .text-footer{min-height:48px;box-shadow:0 3px 7px -2px rgba(0,0,0,.45);position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:5px}.text-footer-container .text-footer.full{width:100%}.text-footer-container .text-footer.almostFull{width:95%}.text-footer-container .text-footer.medium{width:75%}.text-footer-container.bigger .text-footer{height:80px}.text-footer-container.bigger .text-footer>textarea{font-size:.875rem;height:75px;max-height:75px;min-height:75px}.text-footer-container textarea{margin:0 5px;border:unset;flex:1;resize:none;min-height:30px;max-height:60px;font-size:.875rem;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:.75rem}.text-footer-container .text-footer-audio{flex:1;display:flex;justify-content:center;align-items:center}.text-footer-container audio{flex:1;outline:unset;width:auto;height:38px}.text-footer-container .delete-audio{display:flex;justify-content:center;align-items:center;color:#e74c3c;transition:background .3s;border-radius:50%;font-size:1rem;padding:10px;cursor:pointer;margin:0 5px;width:31px;height:31px}.text-footer-container .delete-audio:hover{background-color:rgba(208,0,0,.2)}.text-footer-container .max-characters{font-size:.575rem;z-index:1;color:#444;position:relative;top:30px;left:-30px}.text-footer-container .max-characters.no-width{width:0}.text-footer-container .text-footer-actions{display:flex}.text-footer-container .text-footer-actions.outside-buttons{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-
|
|
9122
|
+
inject("data-v-554a3595_0", {
|
|
9123
|
+
source: ".toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}.text-footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;position:relative}.text-footer-container .text-footer{min-height:48px;box-shadow:0 3px 7px -2px rgba(0,0,0,.45);position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:5px}.text-footer-container .text-footer.full{width:100%}.text-footer-container .text-footer.almostFull{width:95%}.text-footer-container .text-footer.medium{width:75%}.text-footer-container.bigger .text-footer{height:80px}.text-footer-container.bigger .text-footer>textarea{font-size:.875rem;height:75px;max-height:75px;min-height:75px}.text-footer-container textarea{margin:0 5px;border:unset;flex:1;resize:none;min-height:30px;max-height:60px;font-size:.875rem;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:.75rem}.text-footer-container .text-footer-audio{flex:1;display:flex;justify-content:center;align-items:center}.text-footer-container audio{flex:1;outline:unset;width:auto;height:38px}.text-footer-container .delete-audio{display:flex;justify-content:center;align-items:center;color:#e74c3c;transition:background .3s;border-radius:50%;font-size:1rem;padding:10px;cursor:pointer;margin:0 5px;width:31px;height:31px}.text-footer-container .delete-audio:hover{background-color:rgba(208,0,0,.2)}.text-footer-container .max-characters{font-size:.575rem;z-index:1;color:#444;position:relative;top:30px;left:-30px}.text-footer-container .max-characters.no-width{width:0}.text-footer-container .text-footer-actions{display:flex}.text-footer-container .text-footer-actions.outside-buttons{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-20px;right:35px;background-color:#fafafa}.text-footer-container .text-footer-actions .text-footer-actions--btn{display:flex;justify-content:center;align-items:center;color:#777;border-radius:50%;transition:background .3s;padding:10px;font-size:1rem;width:36px;height:36px;cursor:pointer;margin-right:2.5px}.text-footer-container .text-footer-actions .text-footer-actions--btn:last-child{margin-right:unset}.text-footer-container .text-footer-actions .text-footer-actions--btn:hover{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated{background-color:rgba(208,0,0,.7);color:#fff}.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button{position:absolute;left:0}.text-footer-container .text-footer-hsm-container{margin:12px 0 7px 0}.text-footer-container .text-footer-hsm-container.full{width:100%}.text-footer-container .text-footer-hsm-container.almostFull{width:95%}.text-footer-container .text-footer-hsm-container.medium{width:75%}.text-footer-container .text-footer-hsm-container .text-footer-v-select{border-radius:5px;margin-bottom:5px}.text-footer-container .text-footer-hsm-container .text-footer-select-03{display:flex;align-items:center;flex:1;width:100%}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer-v-select{flex:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -3px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-bottom:5px;background-color:#f7fe72;width:32px;height:32px}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:hover{opacity:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03 svg{font-size:1rem}.text-footer-container .text-footer-files-container{position:absolute;right:0;top:-55px;padding:5px;background-color:rgba(0,0,0,.4);border-radius:5px;display:flex;align-items:center;justify-content:space-between;z-index:1}.text-footer-container .text-footer-files-container.horizontal{right:-55px;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn{transition-duration:.3s;transition-property:opacity;opacity:.8;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:3px;width:40px;height:40px;font-size:1rem;color:#fff}.text-footer-container .text-footer-files-container .files-btn:hover{opacity:1}.text-footer-container .text-footer-files-container .files-btn svg{color:#fff}.text-footer-container .text-footer-files-container .files-btn.images{background-color:#9575cd;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom{margin-right:unset;margin-bottom:5px}.text-footer-container .text-footer-files-container .files-btn.docs{background-color:#7986cb}.text-footer-container .text-footer-files-container .files-btn.system{background-color:#49a349;margin-left:5px}.text-footer-container .text-footer-files-container .files-btn.both{font-size:.95rem;background-color:#5555ec;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(1){transform:translateX(5px)}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(2){transform:translateX(-5px)}.text-footer-container .text-footer-preview-container{width:100%;cursor:default;position:absolute;left:0;background-color:#f1f1f1;border:2px solid #ccc;border-bottom:unset;border-top-left-radius:2.5px;border-top-right-radius:2.5px}.text-footer-container .text-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .text-footer-preview-container.isImg,.text-footer-container .text-footer-preview-container.isMultiple{top:-205px;width:100%;height:200px}.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview{height:170px}.text-footer-container .text-footer-preview-container.isError{top:-80px;width:100%;height:75px}.text-footer-container .text-footer-alt{margin-top:-12px;width:100%;padding:0 10px}.text-footer-container .text-footer-alt .text-footer-out-session{margin-top:12px}.text-footer-container .text-footer-alt .text-footer-sem-24h{font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#dd7f0c;margin-top:5px;position:absolute;right:0}.text-footer-container .text-footer-alt .sem-templates{margin-top:10px;font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#921e12}.text-footer-container .text-footer-alt .text-footer-templates{position:relative;width:100%}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection{width:100%;display:flex;align-items:center}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection h4{margin-right:5px}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection .sm__select{flex:1}.vs__dropdown-menu{font-size:.85rem!important}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
|
|
9124
9124
|
map: undefined,
|
|
9125
9125
|
media: undefined
|
|
9126
9126
|
});
|
|
@@ -9131,7 +9131,7 @@ var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
|
|
|
9131
9131
|
var __vue_scope_id__$j = undefined;
|
|
9132
9132
|
/* module identifier */
|
|
9133
9133
|
|
|
9134
|
-
var __vue_module_identifier__$j = "data-v-
|
|
9134
|
+
var __vue_module_identifier__$j = "data-v-554a3595";
|
|
9135
9135
|
/* functional template */
|
|
9136
9136
|
|
|
9137
9137
|
var __vue_is_functional_template__$j = false;
|
|
@@ -11562,8 +11562,8 @@ var __vue_staticRenderFns__$7 = [];
|
|
|
11562
11562
|
|
|
11563
11563
|
var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
11564
11564
|
if (!inject) return;
|
|
11565
|
-
inject("data-v-
|
|
11566
|
-
source: ".show-x-enter-active,.show-x-leave-enter{opacity:1;transform:translateX(0);transition:all .2s linear}.show-x-enter,.show-x-leave-to{opacity:0;transform:translateX(5%)}.interatividade-btn{width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;color
|
|
11565
|
+
inject("data-v-5ca6dd8a_0", {
|
|
11566
|
+
source: ".show-x-enter-active,.show-x-leave-enter{opacity:1;transform:translateX(0);transition:all .2s linear}.show-x-enter,.show-x-leave-to{opacity:0;transform:translateX(5%)}.interatividade-btn{width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#111b21;padding:10px 12px;border-radius:5px;margin-bottom:10px}.interatividade-btn:nth-child(1){margin-top:10px}.interatividade-titulo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.interatividade-lista-conteudo{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape{color:#818181;margin-top:5px}.interatividade-lista-link{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link:hover{color:#00628f}",
|
|
11567
11567
|
map: undefined,
|
|
11568
11568
|
media: undefined
|
|
11569
11569
|
});
|
|
@@ -11574,7 +11574,7 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
|
|
|
11574
11574
|
var __vue_scope_id__$7 = undefined;
|
|
11575
11575
|
/* module identifier */
|
|
11576
11576
|
|
|
11577
|
-
var __vue_module_identifier__$7 = "data-v-
|
|
11577
|
+
var __vue_module_identifier__$7 = "data-v-5ca6dd8a";
|
|
11578
11578
|
/* functional template */
|
|
11579
11579
|
|
|
11580
11580
|
var __vue_is_functional_template__$7 = false;
|
|
@@ -11912,6 +11912,7 @@ var script$5 = {
|
|
|
11912
11912
|
try {
|
|
11913
11913
|
var root = document.documentElement;
|
|
11914
11914
|
root.style.setProperty('--message-color', this.corMsg);
|
|
11915
|
+
this.adjustFontColor(this.corMsg);
|
|
11915
11916
|
} catch (e) {
|
|
11916
11917
|
console.error("Erro ao atribuir a cor as mensagens");
|
|
11917
11918
|
console.error(e);
|
|
@@ -11947,6 +11948,30 @@ var script$5 = {
|
|
|
11947
11948
|
abrirImagem: function abrirImagem(imagem) {
|
|
11948
11949
|
this.$emit("abrir-imagem", imagem);
|
|
11949
11950
|
},
|
|
11951
|
+
adjustFontColor: function adjustFontColor(cor) {
|
|
11952
|
+
try {
|
|
11953
|
+
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(cor);
|
|
11954
|
+
result = result ? {
|
|
11955
|
+
r: parseInt(result[1], 16),
|
|
11956
|
+
g: parseInt(result[2], 16),
|
|
11957
|
+
b: parseInt(result[3], 16)
|
|
11958
|
+
} : null;
|
|
11959
|
+
if (!result) return;
|
|
11960
|
+
var _result = result,
|
|
11961
|
+
r = _result.r,
|
|
11962
|
+
g = _result.g,
|
|
11963
|
+
b = _result.b;
|
|
11964
|
+
var rgb = parseInt("".concat(r).concat(g).concat(b), 16);
|
|
11965
|
+
var r1 = rgb >> 16 & 0xFF;
|
|
11966
|
+
var g1 = rgb >> 8 & 0xFF;
|
|
11967
|
+
var b1 = rgb & 0xFF;
|
|
11968
|
+
var luma = 0.2126 * r1 + 0.7152 * g1 + 0.0722 * b1;
|
|
11969
|
+
var root = document.documentElement;
|
|
11970
|
+
root.style.setProperty('--text-color', luma < 40 ? "#FFF" : "#111B21");
|
|
11971
|
+
} catch (e) {
|
|
11972
|
+
console.error("Erro ao ajustar a cor da mensagem: ", e);
|
|
11973
|
+
}
|
|
11974
|
+
},
|
|
11950
11975
|
formatMsg: function formatMsg(msg) {
|
|
11951
11976
|
var regex = /(\n| )/g;
|
|
11952
11977
|
if (regex.test(msg)) msg = msg.replace(regex, "<br>");
|
|
@@ -12241,8 +12266,8 @@ var __vue_staticRenderFns__$5 = [];
|
|
|
12241
12266
|
|
|
12242
12267
|
var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
|
|
12243
12268
|
if (!inject) return;
|
|
12244
|
-
inject("data-v-
|
|
12245
|
-
source: ":root{--message-color:#373737}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem{padding:14px 7px;border-radius:
|
|
12269
|
+
inject("data-v-5a3a5b00_0", {
|
|
12270
|
+
source: ":root{--message-color:#373737;--text-color:#FFF;--light:80;--threshold:60}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem{padding:14px 7px;border-radius:5px;min-width:150px;min-height:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;max-width:80%;margin-bottom:10px;font-size:.75rem;word-break:break-word;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mensagem.max-w-60{max-width:60%}.mensagem.mapa{width:100%}.mensagem.hist-msg{animation:show 1s}.mensagem a{margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.mensagem a:hover{text-decoration:underline}.message p{white-space:pre-wrap}.mensagem-anexo a,.mensagem-div-mapa a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reply{cursor:pointer;position:absolute;right:53px;bottom:5px;font-size:.6rem;color:#67a332;width:.9rem;height:.9rem;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff}.reply svg{margin-top:-1px;margin-right:-1px}.reply-with-2-icons{right:30px}.check{cursor:pointer;position:absolute;right:10px;bottom:2px;font-size:.7rem}.check.visualizado,.check.visualizado svg{color:#006daa}.check.verde,.check.verde svg{color:#4f772d}.check.vermelho,.check.vermelho svg{color:#ba181b}.check.cinza,.check.cinza svg{color:#999}.check.preto,.check.preto svg{color:#666}.star{cursor:pointer;position:absolute;right:30px;bottom:2px;font-size:.4rem;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:.7rem;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:.6rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.mensagem__principal{width:100%;display:flex;justify-content:flex-end}.mensagem__principal>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--message-color);bottom:5px;right:-10px;transform:rotate(-90deg)}.mensagem__principal>.mensagem{background-color:var(--message-color);color:var(--text-color)}.mensagem__principal>.mensagem .horario-envio{color:var(--text-color)}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:var(--text-color)}.mensagem__outros{width:100%;display:flex}.mensagem__outros>.mensagem{background-color:#fff;color:#333}.mensagem__outros>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;bottom:5px;left:-10px;transform:rotate(90deg)}.mensagem__outros>.autor-mensagem{left:5px;color:#333}.mensagem-div-mapa{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:5px}.msg-mapa{width:100%;min-height:225px;height:100%;box-sizing:initial}.msg-mapa img{max-width:none!important}.info-mapa{list-style-type:none}.info-mapa li.title{font-size:.85em}.info-mapa li.address,.info-mapa li.url{font-size:.85em}.info-mapa li.url{font-size:.85em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}",
|
|
12246
12271
|
map: undefined,
|
|
12247
12272
|
media: undefined
|
|
12248
12273
|
});
|
|
@@ -12253,7 +12278,7 @@ var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
|
|
|
12253
12278
|
var __vue_scope_id__$5 = undefined;
|
|
12254
12279
|
/* module identifier */
|
|
12255
12280
|
|
|
12256
|
-
var __vue_module_identifier__$5 = "data-v-
|
|
12281
|
+
var __vue_module_identifier__$5 = "data-v-5a3a5b00";
|
|
12257
12282
|
/* functional template */
|
|
12258
12283
|
|
|
12259
12284
|
var __vue_is_functional_template__$5 = false;
|
package/package.json
CHANGED
|
@@ -606,10 +606,10 @@ ul {
|
|
|
606
606
|
align-items: center;
|
|
607
607
|
justify-content: flex-end;
|
|
608
608
|
position: absolute;
|
|
609
|
-
top: -
|
|
610
|
-
right:
|
|
611
|
-
background-color: #
|
|
612
|
-
|
|
609
|
+
top: -20px;
|
|
610
|
+
right: 35px;
|
|
611
|
+
background-color: #FAFAFA;
|
|
612
|
+
}
|
|
613
613
|
.text-footer-container .text-footer-actions .text-footer-actions--btn {
|
|
614
614
|
display: flex;
|
|
615
615
|
justify-content: center;
|
|
@@ -197,6 +197,7 @@ export default {
|
|
|
197
197
|
try {
|
|
198
198
|
const root = document.documentElement
|
|
199
199
|
root.style.setProperty('--message-color', this.corMsg)
|
|
200
|
+
this.adjustFontColor(this.corMsg)
|
|
200
201
|
}catch(e) {
|
|
201
202
|
console.error("Erro ao atribuir a cor as mensagens")
|
|
202
203
|
console.error(e)
|
|
@@ -227,6 +228,33 @@ export default {
|
|
|
227
228
|
abrirImagem(imagem) {
|
|
228
229
|
this.$emit("abrir-imagem", imagem)
|
|
229
230
|
},
|
|
231
|
+
adjustFontColor(cor) {
|
|
232
|
+
try {
|
|
233
|
+
let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(cor)
|
|
234
|
+
|
|
235
|
+
result = result ? {
|
|
236
|
+
r: parseInt(result[1], 16),
|
|
237
|
+
g: parseInt(result[2], 16),
|
|
238
|
+
b: parseInt(result[3], 16)
|
|
239
|
+
} : null
|
|
240
|
+
|
|
241
|
+
if(!result) return
|
|
242
|
+
|
|
243
|
+
const { r, g, b }= result
|
|
244
|
+
|
|
245
|
+
const rgb = parseInt(`${r}${g}${b}`, 16)
|
|
246
|
+
const r1 = rgb >> 16 & 0xFF
|
|
247
|
+
const g1 = rgb >> 8 & 0xFF
|
|
248
|
+
const b1 = rgb & 0xFF
|
|
249
|
+
|
|
250
|
+
const luma = 0.2126 * r1 + 0.7152 * g1 + 0.0722 * b1
|
|
251
|
+
|
|
252
|
+
const root = document.documentElement
|
|
253
|
+
root.style.setProperty('--text-color', luma < 40 ? "#FFF" : "#111B21")
|
|
254
|
+
}catch(e) {
|
|
255
|
+
console.error("Erro ao ajustar a cor da mensagem: ", e)
|
|
256
|
+
}
|
|
257
|
+
},
|
|
230
258
|
formatMsg(msg) {
|
|
231
259
|
const regex = /(\n| )/g
|
|
232
260
|
if(regex.test(msg)) msg = msg.replace(regex, "<br>")
|
|
@@ -238,7 +266,11 @@ export default {
|
|
|
238
266
|
|
|
239
267
|
<style>
|
|
240
268
|
:root {
|
|
241
|
-
--message-color: #373737
|
|
269
|
+
--message-color: #373737;
|
|
270
|
+
--text-color: #FFF;
|
|
271
|
+
|
|
272
|
+
--light: 80;
|
|
273
|
+
--threshold: 60;
|
|
242
274
|
}
|
|
243
275
|
|
|
244
276
|
.fade-enter-active, .fade-leave-active {
|
|
@@ -250,7 +282,7 @@ export default {
|
|
|
250
282
|
|
|
251
283
|
.mensagem {
|
|
252
284
|
padding: 14px 7px;
|
|
253
|
-
border-radius:
|
|
285
|
+
border-radius: 5px;
|
|
254
286
|
min-width: 150px;
|
|
255
287
|
min-height: 60px;
|
|
256
288
|
width: -webkit-fit-content;
|
|
@@ -259,8 +291,12 @@ export default {
|
|
|
259
291
|
position: relative;
|
|
260
292
|
max-width: 80%;
|
|
261
293
|
margin-bottom: 10px;
|
|
262
|
-
font-size: .
|
|
294
|
+
font-size: .75rem;
|
|
263
295
|
word-break: break-word;
|
|
296
|
+
|
|
297
|
+
-webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
|
298
|
+
-moz-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
|
299
|
+
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
|
264
300
|
}
|
|
265
301
|
.mensagem.max-w-60 {
|
|
266
302
|
max-width: 60%;
|
|
@@ -385,15 +421,15 @@ export default {
|
|
|
385
421
|
}
|
|
386
422
|
.mensagem__principal > .mensagem {
|
|
387
423
|
background-color: var(--message-color);
|
|
388
|
-
color:
|
|
424
|
+
color: var(--text-color);
|
|
389
425
|
}
|
|
390
426
|
|
|
391
427
|
.mensagem__principal > .mensagem .horario-envio {
|
|
392
|
-
color:
|
|
428
|
+
color: var(--text-color);
|
|
393
429
|
}
|
|
394
430
|
.mensagem__principal > .mensagem .autor-mensagem {
|
|
395
431
|
right: 5px;
|
|
396
|
-
color:
|
|
432
|
+
color: var(--text-color);
|
|
397
433
|
}
|
|
398
434
|
/* Outros */
|
|
399
435
|
.mensagem__outros {
|
|
@@ -450,10 +486,10 @@ export default {
|
|
|
450
486
|
font-size: .85em
|
|
451
487
|
}
|
|
452
488
|
.info-mapa li.address, .info-mapa li.url {
|
|
453
|
-
font-size: .
|
|
489
|
+
font-size: .85em
|
|
454
490
|
}
|
|
455
491
|
.info-mapa li.url {
|
|
456
|
-
font-size: .
|
|
492
|
+
font-size: .85em
|
|
457
493
|
}
|
|
458
494
|
|
|
459
495
|
.tooltip-list {
|