vue-intergrall-plugins 0.0.239 → 0.0.240
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 +36 -6
- package/dist/vue-intergrall-plugins.min.js +1 -1
- package/dist/vue-intergrall-plugins.ssr.js +37 -9
- package/package.json +1 -1
- package/src/lib-components/Chat/TextFooter.vue +4 -4
- package/src/lib-components/Messages/ChatMessages.vue +42 -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:var(--
|
|
11565
|
+
inject("data-v-5c4e7f09_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:var(--text-color);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-5c4e7f09";
|
|
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,33 @@ 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
|
+
console.log({
|
|
11970
|
+
luma: luma
|
|
11971
|
+
});
|
|
11972
|
+
var root = document.documentElement;
|
|
11973
|
+
root.style.setProperty('--text-color', luma < 50 ? "#111B21" : "#FFF");
|
|
11974
|
+
} catch (e) {
|
|
11975
|
+
console.error("Erro ao ajustar a cor da mensagem: ", e);
|
|
11976
|
+
}
|
|
11977
|
+
},
|
|
11950
11978
|
formatMsg: function formatMsg(msg) {
|
|
11951
11979
|
var regex = /(\n| )/g;
|
|
11952
11980
|
if (regex.test(msg)) msg = msg.replace(regex, "<br>");
|
|
@@ -12241,8 +12269,8 @@ var __vue_staticRenderFns__$5 = [];
|
|
|
12241
12269
|
|
|
12242
12270
|
var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
|
|
12243
12271
|
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:
|
|
12272
|
+
inject("data-v-fa87f65e_0", {
|
|
12273
|
+
source: ":root{--message-color:#373737;--text-color:#FFF}.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
12274
|
map: undefined,
|
|
12247
12275
|
media: undefined
|
|
12248
12276
|
});
|
|
@@ -12253,7 +12281,7 @@ var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
|
|
|
12253
12281
|
var __vue_scope_id__$5 = undefined;
|
|
12254
12282
|
/* module identifier */
|
|
12255
12283
|
|
|
12256
|
-
var __vue_module_identifier__$5 = "data-v-
|
|
12284
|
+
var __vue_module_identifier__$5 = "data-v-fa87f65e";
|
|
12257
12285
|
/* functional template */
|
|
12258
12286
|
|
|
12259
12287
|
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,34 @@ 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
|
+
console.log({ luma })
|
|
252
|
+
|
|
253
|
+
const root = document.documentElement
|
|
254
|
+
root.style.setProperty('--text-color', luma < 50 ? "#111B21" : "#FFF")
|
|
255
|
+
}catch(e) {
|
|
256
|
+
console.error("Erro ao ajustar a cor da mensagem: ", e)
|
|
257
|
+
}
|
|
258
|
+
},
|
|
230
259
|
formatMsg(msg) {
|
|
231
260
|
const regex = /(\n| )/g
|
|
232
261
|
if(regex.test(msg)) msg = msg.replace(regex, "<br>")
|
|
@@ -238,7 +267,8 @@ export default {
|
|
|
238
267
|
|
|
239
268
|
<style>
|
|
240
269
|
:root {
|
|
241
|
-
--message-color: #373737
|
|
270
|
+
--message-color: #373737;
|
|
271
|
+
--text-color: #FFF;
|
|
242
272
|
}
|
|
243
273
|
|
|
244
274
|
.fade-enter-active, .fade-leave-active {
|
|
@@ -250,7 +280,7 @@ export default {
|
|
|
250
280
|
|
|
251
281
|
.mensagem {
|
|
252
282
|
padding: 14px 7px;
|
|
253
|
-
border-radius:
|
|
283
|
+
border-radius: 5px;
|
|
254
284
|
min-width: 150px;
|
|
255
285
|
min-height: 60px;
|
|
256
286
|
width: -webkit-fit-content;
|
|
@@ -259,8 +289,12 @@ export default {
|
|
|
259
289
|
position: relative;
|
|
260
290
|
max-width: 80%;
|
|
261
291
|
margin-bottom: 10px;
|
|
262
|
-
font-size: .
|
|
292
|
+
font-size: .75rem;
|
|
263
293
|
word-break: break-word;
|
|
294
|
+
|
|
295
|
+
-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);
|
|
296
|
+
-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);
|
|
297
|
+
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
298
|
}
|
|
265
299
|
.mensagem.max-w-60 {
|
|
266
300
|
max-width: 60%;
|
|
@@ -385,15 +419,15 @@ export default {
|
|
|
385
419
|
}
|
|
386
420
|
.mensagem__principal > .mensagem {
|
|
387
421
|
background-color: var(--message-color);
|
|
388
|
-
color:
|
|
422
|
+
color: var(--text-color);
|
|
389
423
|
}
|
|
390
424
|
|
|
391
425
|
.mensagem__principal > .mensagem .horario-envio {
|
|
392
|
-
color:
|
|
426
|
+
color: var(--text-color);
|
|
393
427
|
}
|
|
394
428
|
.mensagem__principal > .mensagem .autor-mensagem {
|
|
395
429
|
right: 5px;
|
|
396
|
-
color:
|
|
430
|
+
color: var(--text-color);
|
|
397
431
|
}
|
|
398
432
|
/* Outros */
|
|
399
433
|
.mensagem__outros {
|
|
@@ -450,10 +484,10 @@ export default {
|
|
|
450
484
|
font-size: .85em
|
|
451
485
|
}
|
|
452
486
|
.info-mapa li.address, .info-mapa li.url {
|
|
453
|
-
font-size: .
|
|
487
|
+
font-size: .85em
|
|
454
488
|
}
|
|
455
489
|
.info-mapa li.url {
|
|
456
|
-
font-size: .
|
|
490
|
+
font-size: .85em
|
|
457
491
|
}
|
|
458
492
|
|
|
459
493
|
.tooltip-list {
|