fixed some css pbm with chat msg
This commit is contained in:
simplonco
@@ -9,12 +9,12 @@ div.wrapper.svelte-1q8uute{display:flexbox;align-items:center}div.wrapper.svelte
|
||||
var(--violet),
|
||||
var(--pink),
|
||||
var(--purple)
|
||||
);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;white-space:nowrap}.grid_box.svelte-rmdfjs .back {grid-area:back}.grid_box.svelte-rmdfjs .room_name {grid-area:room_name}.grid_box.svelte-rmdfjs .close {grid-area:close}.grid_box.svelte-rmdfjs .panel_msg {grid-area:panel_msg}.grid_box.svelte-rmdfjs .send {grid-area:send}.grid_box.svelte-rmdfjs .panel_write{grid-area:panel_write}.grid_box.svelte-rmdfjs.svelte-rmdfjs{grid:' back room_name room_name close ' auto
|
||||
);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;white-space:nowrap}.grid_box.svelte-1quyp80 .back {grid-area:back}.grid_box.svelte-1quyp80 .room_name {grid-area:room_name}.grid_box.svelte-1quyp80 .close {grid-area:close}.grid_box.svelte-1quyp80 .panel_msg {grid-area:panel_msg}.grid_box.svelte-1quyp80 .send {grid-area:send}.grid_box.svelte-1quyp80 .panel_write{grid-area:panel_write}.grid_box.svelte-1quyp80.svelte-1quyp80{grid:' back room_name room_name close ' auto
|
||||
' panel_msg panel_msg panel_msg panel_msg ' 1fr
|
||||
' panel_write panel_write send send ' auto
|
||||
/ auto 1fr auto auto }.panel_write.svelte-rmdfjs.svelte-rmdfjs{border:none;overflow:visible}.text_area.svelte-rmdfjs.svelte-rmdfjs{display:block;position:absolute;bottom:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;background-color:white;border:1px solid black}.text_area.svelte-rmdfjs.svelte-rmdfjs:focus{height:auto;min-height:100%;max-height:300px}.panel_write.svelte-rmdfjs .text_area.svelte-rmdfjs *{display:block ruby}.panel_msg.svelte-rmdfjs.svelte-rmdfjs{flex-direction:column-reverse;border:1px solid black}.msg_thread.svelte-rmdfjs.svelte-rmdfjs{width:100%;padding:0px 5px}.grid_box.svelte-1jygwt2 .settings {grid-area:settings}.grid_box.svelte-1jygwt2 .close {grid-area:close}.grid_box.svelte-1jygwt2 .new {grid-area:new}.grid_box.svelte-1jygwt2 .panel_home{grid-area:panel_home}.grid_box.svelte-1jygwt2.svelte-1jygwt2{grid:' settings new close ' auto
|
||||
/ auto 1fr auto auto }.grid_box.svelte-1quyp80 .panel_write.svelte-1quyp80{border:none;overflow:visible}.grid_box.svelte-1quyp80 .text_area.svelte-1quyp80{display:block;position:absolute;bottom:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;background-color:white;border:1px solid black}.grid_box.svelte-1quyp80 .text_area.svelte-1quyp80:focus{height:auto;min-height:100%;max-height:300px}.grid_box.svelte-1quyp80 .panel_write .text_area.svelte-1quyp80 *{display:block ruby}.grid_box.svelte-1quyp80 .panel_msg.svelte-1quyp80{flex-direction:column-reverse;border:1px solid black}.grid_box.svelte-1quyp80 .msg_thread.svelte-1quyp80{width:100%;padding:0px 5px}.grid_box.svelte-1jygwt2 .settings {grid-area:settings}.grid_box.svelte-1jygwt2 .close {grid-area:close}.grid_box.svelte-1jygwt2 .new {grid-area:new}.grid_box.svelte-1jygwt2 .panel_home{grid-area:panel_home}.grid_box.svelte-1jygwt2.svelte-1jygwt2{grid:' settings new close ' auto
|
||||
' panel_home panel_home panel_home ' 1fr
|
||||
/ auto 1fr auto }.panel_home.svelte-1jygwt2 p.title.svelte-1jygwt2{margin:10px auto 0px auto}.chat_box.svelte-auy6qm{display:flex;position:fixed;bottom:20px;right:20px;padding:0px;width:auto;height:auto;border:1px solid black}.chat_box.svelte-auy6qm *{-ms-overflow-style:none;scrollbar-width:none}.chat_box.svelte-auy6qm *::-webkit-scrollbar{display:none}.chat_box.svelte-auy6qm .grid_box{display:grid;margin:5px;gap:5px;width:300px;height:400px}.chat_box.svelte-auy6qm .grid_box *{display:flex;flex-direction:column;position:relative;box-sizing:border-box}.chat_box.svelte-auy6qm .grid_box p{padding:10px;font-size:15px}.chat_box.svelte-auy6qm .panel{overflow-y:scroll}.chat_box.svelte-auy6qm .panel > *{margin-top:10px;margin-bottom:10px}.chat_box.svelte-auy6qm .__show_if_only_child{display:none}.chat_box.svelte-auy6qm .__show_if_only_child:only-child{display:flex;color:rgb(100, 100, 100)}.chat_box.svelte-auy6qm .__center{margin-left:auto;margin-right:auto}.chat_box.svelte-auy6qm .__border_top{border-top:1px solid black}.chat_box.svelte-auy6qm .__check_change_next:checked ~ .__to_show{display:flex}.chat_box.svelte-auy6qm .__check_change_next:checked ~ .__to_block,.chat_box.svelte-auy6qm .__check_change_next:checked ~ .__to_block *{pointer-events:none;color:rgb(100, 100, 100)}.chat_box.svelte-auy6qm .__to_show{display:none}.grid_box.svelte-fc4a40 .chat{grid-area:chat}.grid_box.svelte-fc4a40{gap:0px;grid:' chat ' auto
|
||||
/ auto 1fr auto }.panel_home.svelte-1jygwt2 p.title.svelte-1jygwt2{margin:10px auto 0px auto}.chat_box.svelte-6ej1tr{display:flex;position:fixed;bottom:20px;right:20px;padding:0px;width:auto;height:auto;border:1px solid black;z-index:1}.chat_box.svelte-6ej1tr *{-ms-overflow-style:none;scrollbar-width:none}.chat_box.svelte-6ej1tr *::-webkit-scrollbar{display:none}.chat_box.svelte-6ej1tr .grid_box{display:grid;margin:5px;gap:5px;width:300px;height:400px}.chat_box.svelte-6ej1tr .grid_box *{display:flex;flex-direction:column;position:relative;box-sizing:border-box}.chat_box.svelte-6ej1tr .grid_box p{padding:10px;font-size:15px}.chat_box.svelte-6ej1tr .panel{overflow-y:scroll}.chat_box.svelte-6ej1tr .panel > *{margin-top:10px;margin-bottom:10px}.chat_box.svelte-6ej1tr .__show_if_only_child{display:none}.chat_box.svelte-6ej1tr .__show_if_only_child:only-child{display:flex;color:rgb(100, 100, 100)}.chat_box.svelte-6ej1tr .__center{margin-left:auto;margin-right:auto}.chat_box.svelte-6ej1tr .__border_top{border-top:1px solid black}.chat_box.svelte-6ej1tr .__check_change_next:checked ~ .__to_show{display:flex}.chat_box.svelte-6ej1tr .__check_change_next:checked ~ .__to_block,.chat_box.svelte-6ej1tr .__check_change_next:checked ~ .__to_block *{pointer-events:none;color:rgb(100, 100, 100)}.chat_box.svelte-6ej1tr .__to_show{display:none}.grid_box.svelte-fc4a40 .chat{grid-area:chat}.grid_box.svelte-fc4a40{gap:0px;grid:' chat ' auto
|
||||
/ auto }.chat_box.close .grid_box.svelte-fc4a40{margin:0px;width:auto;height:auto}.grid_box.svelte-1b4c0qx .back {grid-area:back}.grid_box.svelte-1b4c0qx .new {grid-area:new}.grid_box.svelte-1b4c0qx .close {grid-area:close}.grid_box.svelte-1b4c0qx .panel_new{grid-area:panel_new}.grid_box.svelte-1b4c0qx{grid:' back new close ' auto
|
||||
' panel_new panel_new panel_new ' 1fr
|
||||
/ auto 1fr auto }.grid_box.svelte-1lfmc2m .back {grid-area:back}.grid_box.svelte-1lfmc2m .settings {grid-area:settings}.grid_box.svelte-1lfmc2m .close {grid-area:close}.grid_box.svelte-1lfmc2m .panel_settings{grid-area:panel_settings}.grid_box.svelte-1lfmc2m{grid:' back settings close ' auto
|
||||
@@ -30,4 +30,4 @@ div.wrapper.svelte-1q8uute{display:flexbox;align-items:center}div.wrapper.svelte
|
||||
/ auto 1fr auto }form.svelte-yo0any input[type=checkbox].svelte-yo0any.svelte-yo0any{display:none}form.svelte-yo0any label._checkbox.svelte-yo0any.svelte-yo0any{margin:0px auto 0px 10px;padding-left:10px;cursor:pointer}form.svelte-yo0any label._checkbox.svelte-yo0any.svelte-yo0any::after{content:"";position:absolute;top:calc(50% - 6px);left:0px;width:12px;height:12px;border:2px solid rgb(150, 150, 150);box-sizing:border-box;cursor:pointer}form.svelte-yo0any input[type=checkbox].svelte-yo0any:checked+label._checkbox.svelte-yo0any::after{background-color:rgb(200, 200, 200)}form.svelte-yo0any label._select.svelte-yo0any.svelte-yo0any{flex-direction:row}form.svelte-yo0any label._select p.svelte-yo0any.svelte-yo0any{margin:0px}form.svelte-yo0any select.svelte-yo0any.svelte-yo0any{margin:auto auto auto 10px;background-color:rgb(220, 220, 220);border:none;padding:5px;cursor:pointer}form.svelte-yo0any select.svelte-yo0any.svelte-yo0any:hover{background-color:rgb(200, 200, 200)}form.svelte-yo0any input[type=submit].svelte-yo0any.svelte-yo0any{margin-top:20px}.grid_box.svelte-1fj8iha .back {grid-area:back}.grid_box.svelte-1fj8iha .user {grid-area:user}.grid_box.svelte-1fj8iha .close {grid-area:close}.grid_box.svelte-1fj8iha .room_name {grid-area:room_name}.grid_box.svelte-1fj8iha .panel_user{grid-area:panel_user}.grid_box.svelte-1fj8iha{grid:' back user close ' auto
|
||||
' room_name room_name room_name ' auto
|
||||
' panel_user panel_user panel_user ' 1fr
|
||||
/ auto 1fr auto }.panel_user.svelte-1fj8iha{margin-top:-5px}button.svelte-j5z24r.svelte-j5z24r{display:flex;padding:0px;margin:auto;width:100%;cursor:pointer;outline:none;border:none;background-color:rgb(220, 220, 220)}button.svelte-j5z24r p.svelte-j5z24r{width:100%;margin:auto;text-align:center}button.svelte-j5z24r.svelte-j5z24r:hover{background-color:rgb(200, 200, 200)}button.svelte-j5z24r.svelte-j5z24r:active{background-color:rgb(190, 190, 190)}.list.svelte-j5z24r.svelte-j5z24r:not(:hover){background-color:rgb(240, 240, 240)}.list.svelte-j5z24r p.svelte-j5z24r{text-align:left}.transparent.svelte-j5z24r.svelte-j5z24r:not(:hover){background-color:transparent}.deactivate.svelte-j5z24r.svelte-j5z24r{background-color:transparent;pointer-events:none}.icon.svelte-j5z24r p.svelte-j5z24r{display:none}.icon.svelte-j5z24r.svelte-j5z24r:not(:hover){background-color:transparent}.icon.svelte-j5z24r.svelte-j5z24r{width:30px;height:100%;padding:0px}.dots.svelte-j5z24r.svelte-j5z24r::after{content:'\2807';font-size:20px;position:absolute;top:50%;left:0px;width:100%;height:auto;text-align:center;transform:translateY(-50%);cursor:pointer}.close.svelte-j5z24r.svelte-j5z24r::before{content:"";position:absolute;top:calc(50% - 1px);left:5px;width:20px;height:2px;background-color:black}.back.svelte-j5z24r.svelte-j5z24r::before{content:"";position:absolute;top:calc(50% - 6px - 1px);left:6px;width:14px;height:14px;border-left:1px solid black;border-bottom:1px solid black;transform:rotate(45deg)}.blocked.svelte-j5z24r.svelte-j5z24r{padding-left:30px}.blocked.svelte-j5z24r.svelte-j5z24r::before{content:"";position:absolute;top:calc(50% - 2px);left:10px;cursor:pointer;width:13px;height:10px;border-radius:2px;background-color:rgb(110, 110, 110)}.blocked.svelte-j5z24r.svelte-j5z24r::after{content:"";position:absolute;top:calc(50% - 9px);left:12px;cursor:pointer;width:9px;height:13px;border-radius:5px;box-sizing:border-box;border:3px solid rgb(110, 110, 110)}.chat_msg.svelte-14xxpbz.svelte-14xxpbz{margin:5px auto;padding:5px;border-radius:5px}.chat_msg.svelte-14xxpbz.svelte-14xxpbz{margin-left:0px;background-color:rgb(210, 210, 210);max-width:80%}.chat_msg.svelte-14xxpbz p.svelte-14xxpbz{padding:0px}.chat_msg.svelte-14xxpbz p.name.svelte-14xxpbz{margin:0px;font-size:12px;color:rgb(100, 100, 100)}.chat_msg.svelte-14xxpbz p.msg.svelte-14xxpbz{margin:5px 0px}.chat_msg.svelte-14xxpbz p.msg.svelte-14xxpbz *{display:inline}.chat_msg.me.svelte-14xxpbz.svelte-14xxpbz{margin-right:0px;margin-left:auto;background-color:rgb(210, 110, 10)}.chat_msg.me.svelte-14xxpbz p.name.svelte-14xxpbz{display:none}.chat_msg.SERVER.svelte-14xxpbz.svelte-14xxpbz{margin-left:auto;background-color:transparent}.chat_msg.SERVER.svelte-14xxpbz p.name.svelte-14xxpbz{display:none}.chat_msg.SERVER.svelte-14xxpbz p.msg.svelte-14xxpbz{margin:0px auto;font-size:12px;color:rgb(100, 100, 100)}
|
||||
/ auto 1fr auto }.panel_user.svelte-1fj8iha{margin-top:-5px}button.svelte-b72wpv.svelte-b72wpv{padding:0px;margin:auto;width:100%;cursor:pointer;outline:none;border:none;background-color:rgb(220, 220, 220)}button.svelte-b72wpv p.svelte-b72wpv{width:100%;margin:auto;text-align:center}button.svelte-b72wpv.svelte-b72wpv:hover{background-color:rgb(200, 200, 200)}button.svelte-b72wpv.svelte-b72wpv:active{background-color:rgb(190, 190, 190)}.list.svelte-b72wpv.svelte-b72wpv:not(:hover){background-color:rgb(240, 240, 240)}.list.svelte-b72wpv p.svelte-b72wpv{text-align:left}.transparent.svelte-b72wpv.svelte-b72wpv:not(:hover){background-color:transparent}.deactivate.svelte-b72wpv.svelte-b72wpv{background-color:transparent;pointer-events:none}.icon.svelte-b72wpv p.svelte-b72wpv{display:none}.icon.svelte-b72wpv.svelte-b72wpv:not(:hover){background-color:transparent}.icon.svelte-b72wpv.svelte-b72wpv{width:30px;height:100%;padding:0px}.dots.svelte-b72wpv.svelte-b72wpv::after{content:'\2807';font-size:20px;position:absolute;top:50%;left:0px;width:100%;height:auto;text-align:center;transform:translateY(-50%);cursor:pointer}.close.svelte-b72wpv.svelte-b72wpv::before{content:"";position:absolute;top:calc(50% - 1px);left:5px;width:20px;height:2px;background-color:black}.back.svelte-b72wpv.svelte-b72wpv::before{content:"";position:absolute;top:calc(50% - 6px - 1px);left:6px;width:14px;height:14px;border-left:1px solid black;border-bottom:1px solid black;transform:rotate(45deg)}.blocked.svelte-b72wpv.svelte-b72wpv{padding-left:30px}.blocked.svelte-b72wpv.svelte-b72wpv::before{content:"";position:absolute;top:calc(50% - 2px);left:10px;cursor:pointer;width:13px;height:10px;border-radius:2px;background-color:rgb(110, 110, 110)}.blocked.svelte-b72wpv.svelte-b72wpv::after{content:"";position:absolute;top:calc(50% - 9px);left:12px;cursor:pointer;width:9px;height:13px;border-radius:5px;box-sizing:border-box;border:3px solid rgb(110, 110, 110)}.chat_msg.svelte-14xxpbz.svelte-14xxpbz{margin:5px auto;padding:5px;border-radius:5px}.chat_msg.svelte-14xxpbz.svelte-14xxpbz{margin-left:0px;background-color:rgb(210, 210, 210);max-width:80%}.chat_msg.svelte-14xxpbz p.svelte-14xxpbz{padding:0px}.chat_msg.svelte-14xxpbz p.name.svelte-14xxpbz{margin:0px;font-size:12px;color:rgb(100, 100, 100)}.chat_msg.svelte-14xxpbz p.msg.svelte-14xxpbz{margin:5px 0px}.chat_msg.svelte-14xxpbz p.msg.svelte-14xxpbz *{display:inline}.chat_msg.me.svelte-14xxpbz.svelte-14xxpbz{margin-right:0px;margin-left:auto;background-color:rgb(210, 110, 10)}.chat_msg.me.svelte-14xxpbz p.name.svelte-14xxpbz{display:none}.chat_msg.SERVER.svelte-14xxpbz.svelte-14xxpbz{margin-left:auto;background-color:transparent}.chat_msg.SERVER.svelte-14xxpbz p.name.svelte-14xxpbz{display:none}.chat_msg.SERVER.svelte-14xxpbz p.msg.svelte-14xxpbz{margin:0px auto;font-size:12px;color:rgb(100, 100, 100)}
|
||||
@@ -727,96 +727,6 @@ var app = (function () {
|
||||
: typeof globalThis !== 'undefined'
|
||||
? globalThis
|
||||
: global);
|
||||
function outro_and_destroy_block(block, lookup) {
|
||||
transition_out(block, 1, 1, () => {
|
||||
lookup.delete(block.key);
|
||||
});
|
||||
}
|
||||
function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {
|
||||
let o = old_blocks.length;
|
||||
let n = list.length;
|
||||
let i = o;
|
||||
const old_indexes = {};
|
||||
while (i--)
|
||||
old_indexes[old_blocks[i].key] = i;
|
||||
const new_blocks = [];
|
||||
const new_lookup = new Map();
|
||||
const deltas = new Map();
|
||||
i = n;
|
||||
while (i--) {
|
||||
const child_ctx = get_context(ctx, list, i);
|
||||
const key = get_key(child_ctx);
|
||||
let block = lookup.get(key);
|
||||
if (!block) {
|
||||
block = create_each_block(key, child_ctx);
|
||||
block.c();
|
||||
}
|
||||
else if (dynamic) {
|
||||
block.p(child_ctx, dirty);
|
||||
}
|
||||
new_lookup.set(key, new_blocks[i] = block);
|
||||
if (key in old_indexes)
|
||||
deltas.set(key, Math.abs(i - old_indexes[key]));
|
||||
}
|
||||
const will_move = new Set();
|
||||
const did_move = new Set();
|
||||
function insert(block) {
|
||||
transition_in(block, 1);
|
||||
block.m(node, next);
|
||||
lookup.set(block.key, block);
|
||||
next = block.first;
|
||||
n--;
|
||||
}
|
||||
while (o && n) {
|
||||
const new_block = new_blocks[n - 1];
|
||||
const old_block = old_blocks[o - 1];
|
||||
const new_key = new_block.key;
|
||||
const old_key = old_block.key;
|
||||
if (new_block === old_block) {
|
||||
// do nothing
|
||||
next = new_block.first;
|
||||
o--;
|
||||
n--;
|
||||
}
|
||||
else if (!new_lookup.has(old_key)) {
|
||||
// remove old block
|
||||
destroy(old_block, lookup);
|
||||
o--;
|
||||
}
|
||||
else if (!lookup.has(new_key) || will_move.has(new_key)) {
|
||||
insert(new_block);
|
||||
}
|
||||
else if (did_move.has(old_key)) {
|
||||
o--;
|
||||
}
|
||||
else if (deltas.get(new_key) > deltas.get(old_key)) {
|
||||
did_move.add(new_key);
|
||||
insert(new_block);
|
||||
}
|
||||
else {
|
||||
will_move.add(old_key);
|
||||
o--;
|
||||
}
|
||||
}
|
||||
while (o--) {
|
||||
const old_block = old_blocks[o];
|
||||
if (!new_lookup.has(old_block.key))
|
||||
destroy(old_block, lookup);
|
||||
}
|
||||
while (n)
|
||||
insert(new_blocks[n - 1]);
|
||||
return new_blocks;
|
||||
}
|
||||
function validate_each_keys(ctx, list, get_context, get_key) {
|
||||
const keys = new Set();
|
||||
for (let i = 0; i < list.length; i++) {
|
||||
const key = get_key(get_context(ctx, list, i));
|
||||
if (keys.has(key)) {
|
||||
throw new Error('Cannot have duplicate keys in a keyed each');
|
||||
}
|
||||
keys.add(key);
|
||||
}
|
||||
}
|
||||
|
||||
function get_spread_update(levels, updates) {
|
||||
const update = {};
|
||||
@@ -3449,7 +3359,7 @@ var app = (function () {
|
||||
c: function create() {
|
||||
div = element("div");
|
||||
if (default_slot) default_slot.c();
|
||||
attr_dev(div, "class", div_class_value = "" + (/*layout*/ ctx[1] + " chat_box" + " svelte-auy6qm"));
|
||||
attr_dev(div, "class", div_class_value = "" + (/*layout*/ ctx[1] + " chat_box" + " svelte-6ej1tr"));
|
||||
set_style(div, "background-color", /*color*/ ctx[0]);
|
||||
add_location(div, file$r, 5, 0, 67);
|
||||
},
|
||||
@@ -3481,7 +3391,7 @@ var app = (function () {
|
||||
}
|
||||
}
|
||||
|
||||
if (!current || dirty & /*layout*/ 2 && div_class_value !== (div_class_value = "" + (/*layout*/ ctx[1] + " chat_box" + " svelte-auy6qm"))) {
|
||||
if (!current || dirty & /*layout*/ 2 && div_class_value !== (div_class_value = "" + (/*layout*/ ctx[1] + " chat_box" + " svelte-6ej1tr"))) {
|
||||
attr_dev(div, "class", div_class_value);
|
||||
}
|
||||
|
||||
@@ -3606,10 +3516,10 @@ var app = (function () {
|
||||
button = element("button");
|
||||
p = element("p");
|
||||
if (default_slot) default_slot.c();
|
||||
attr_dev(p, "class", "svelte-j5z24r");
|
||||
attr_dev(p, "class", "svelte-b72wpv");
|
||||
add_location(p, file$q, 24, 1, 416);
|
||||
attr_dev(button, "title", /*my_title*/ ctx[1]);
|
||||
attr_dev(button, "class", button_class_value = "" + (null_to_empty(/*my_class*/ ctx[0]) + " svelte-j5z24r"));
|
||||
attr_dev(button, "class", button_class_value = "" + (null_to_empty(/*my_class*/ ctx[0]) + " svelte-b72wpv"));
|
||||
add_location(button, file$q, 23, 0, 327);
|
||||
},
|
||||
l: function claim(nodes) {
|
||||
@@ -3665,7 +3575,7 @@ var app = (function () {
|
||||
attr_dev(button, "title", /*my_title*/ ctx[1]);
|
||||
}
|
||||
|
||||
if (!current || dirty & /*my_class*/ 1 && button_class_value !== (button_class_value = "" + (null_to_empty(/*my_class*/ ctx[0]) + " svelte-j5z24r"))) {
|
||||
if (!current || dirty & /*my_class*/ 1 && button_class_value !== (button_class_value = "" + (null_to_empty(/*my_class*/ ctx[0]) + " svelte-b72wpv"))) {
|
||||
attr_dev(button, "class", button_class_value);
|
||||
}
|
||||
},
|
||||
@@ -7962,7 +7872,7 @@ var app = (function () {
|
||||
return child_ctx;
|
||||
}
|
||||
|
||||
// (49:1) <Button bind:layout new_layout={back} my_class="back icon" my_title="go back {back}">
|
||||
// (47:1) <Button bind:layout new_layout={back} my_class="back icon" my_title="go back {back}">
|
||||
function create_default_slot_4$2(ctx) {
|
||||
let t;
|
||||
|
||||
@@ -7982,14 +7892,14 @@ var app = (function () {
|
||||
block,
|
||||
id: create_default_slot_4$2.name,
|
||||
type: "slot",
|
||||
source: "(49:1) <Button bind:layout new_layout={back} my_class=\\\"back icon\\\" my_title=\\\"go back {back}\\\">",
|
||||
source: "(47:1) <Button bind:layout new_layout={back} my_class=\\\"back icon\\\" my_title=\\\"go back {back}\\\">",
|
||||
ctx
|
||||
});
|
||||
|
||||
return block;
|
||||
}
|
||||
|
||||
// (54:1) <Button bind:layout new_layout="room_set" my_class="room_name transparent">
|
||||
// (52:1) <Button bind:layout new_layout="room_set" my_class="room_name transparent">
|
||||
function create_default_slot_3$4(ctx) {
|
||||
let t;
|
||||
|
||||
@@ -8009,14 +7919,14 @@ var app = (function () {
|
||||
block,
|
||||
id: create_default_slot_3$4.name,
|
||||
type: "slot",
|
||||
source: "(54:1) <Button bind:layout new_layout=\\\"room_set\\\" my_class=\\\"room_name transparent\\\">",
|
||||
source: "(52:1) <Button bind:layout new_layout=\\\"room_set\\\" my_class=\\\"room_name transparent\\\">",
|
||||
ctx
|
||||
});
|
||||
|
||||
return block;
|
||||
}
|
||||
|
||||
// (59:1) <Button bind:layout new_layout="close" my_class="close icon">
|
||||
// (57:1) <Button bind:layout new_layout="close" my_class="close icon">
|
||||
function create_default_slot_2$8(ctx) {
|
||||
let t;
|
||||
|
||||
@@ -8036,14 +7946,14 @@ var app = (function () {
|
||||
block,
|
||||
id: create_default_slot_2$8.name,
|
||||
type: "slot",
|
||||
source: "(59:1) <Button bind:layout new_layout=\\\"close\\\" my_class=\\\"close icon\\\">",
|
||||
source: "(57:1) <Button bind:layout new_layout=\\\"close\\\" my_class=\\\"close icon\\\">",
|
||||
ctx
|
||||
});
|
||||
|
||||
return block;
|
||||
}
|
||||
|
||||
// (67:4) <Msg name={msg.name}>
|
||||
// (65:4) <Msg name={msg.name}>
|
||||
function create_default_slot_1$8(ctx) {
|
||||
let html_tag;
|
||||
let raw_value = /*msg*/ ctx[4].content + "";
|
||||
@@ -8072,16 +7982,15 @@ var app = (function () {
|
||||
block,
|
||||
id: create_default_slot_1$8.name,
|
||||
type: "slot",
|
||||
source: "(67:4) <Msg name={msg.name}>",
|
||||
source: "(65:4) <Msg name={msg.name}>",
|
||||
ctx
|
||||
});
|
||||
|
||||
return block;
|
||||
}
|
||||
|
||||
// (66:3) {#each msgs as msg (msg.id)}
|
||||
function create_each_block$4(key_1, ctx) {
|
||||
let first;
|
||||
// (64:3) {#each msgs as msg}
|
||||
function create_each_block$4(ctx) {
|
||||
let msg_1;
|
||||
let current;
|
||||
|
||||
@@ -8095,24 +8004,18 @@ var app = (function () {
|
||||
});
|
||||
|
||||
const block = {
|
||||
key: key_1,
|
||||
first: null,
|
||||
c: function create() {
|
||||
first = empty$1();
|
||||
create_component(msg_1.$$.fragment);
|
||||
this.first = first;
|
||||
},
|
||||
m: function mount(target, anchor) {
|
||||
insert_dev(target, first, anchor);
|
||||
mount_component(msg_1, target, anchor);
|
||||
current = true;
|
||||
},
|
||||
p: function update(new_ctx, dirty) {
|
||||
ctx = new_ctx;
|
||||
p: function update(ctx, dirty) {
|
||||
const msg_1_changes = {};
|
||||
if (dirty & /*msgs*/ 8) msg_1_changes.name = /*msg*/ ctx[4].name;
|
||||
|
||||
if (dirty & /*$$scope, msgs*/ 65544) {
|
||||
if (dirty & /*$$scope, msgs*/ 32776) {
|
||||
msg_1_changes.$$scope = { dirty, ctx };
|
||||
}
|
||||
|
||||
@@ -8128,7 +8031,6 @@ var app = (function () {
|
||||
current = false;
|
||||
},
|
||||
d: function destroy(detaching) {
|
||||
if (detaching) detach_dev(first);
|
||||
destroy_component(msg_1, detaching);
|
||||
}
|
||||
};
|
||||
@@ -8137,14 +8039,14 @@ var app = (function () {
|
||||
block,
|
||||
id: create_each_block$4.name,
|
||||
type: "each",
|
||||
source: "(66:3) {#each msgs as msg (msg.id)}",
|
||||
source: "(64:3) {#each msgs as msg}",
|
||||
ctx
|
||||
});
|
||||
|
||||
return block;
|
||||
}
|
||||
|
||||
// (84:1) <Button my_class="send" on_click={send_msg}>
|
||||
// (82:1) <Button my_class="send" on_click={send_msg}>
|
||||
function create_default_slot$a(ctx) {
|
||||
let t;
|
||||
|
||||
@@ -8164,7 +8066,7 @@ var app = (function () {
|
||||
block,
|
||||
id: create_default_slot$a.name,
|
||||
type: "slot",
|
||||
source: "(84:1) <Button my_class=\\\"send\\\" on_click={send_msg}>",
|
||||
source: "(82:1) <Button my_class=\\\"send\\\" on_click={send_msg}>",
|
||||
ctx
|
||||
});
|
||||
|
||||
@@ -8184,8 +8086,6 @@ var app = (function () {
|
||||
let t2;
|
||||
let div1;
|
||||
let div0;
|
||||
let each_blocks = [];
|
||||
let each_1_lookup = new Map();
|
||||
let t3;
|
||||
let div3;
|
||||
let div2;
|
||||
@@ -8251,15 +8151,16 @@ var app = (function () {
|
||||
binding_callbacks.push(() => bind(button2, 'layout', button2_layout_binding));
|
||||
let each_value = /*msgs*/ ctx[3];
|
||||
validate_each_argument(each_value);
|
||||
const get_key = ctx => /*msg*/ ctx[4].id;
|
||||
validate_each_keys(ctx, each_value, get_each_context$4, get_key);
|
||||
let each_blocks = [];
|
||||
|
||||
for (let i = 0; i < each_value.length; i += 1) {
|
||||
let child_ctx = get_each_context$4(ctx, each_value, i);
|
||||
let key = get_key(child_ctx);
|
||||
each_1_lookup.set(key, each_blocks[i] = create_each_block$4(key, child_ctx));
|
||||
each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
|
||||
}
|
||||
|
||||
const out = i => transition_out(each_blocks[i], 1, 1, () => {
|
||||
each_blocks[i] = null;
|
||||
});
|
||||
|
||||
button3 = new Chat_button({
|
||||
props: {
|
||||
my_class: "send",
|
||||
@@ -8291,18 +8192,18 @@ var app = (function () {
|
||||
div2 = element("div");
|
||||
t4 = space();
|
||||
create_component(button3.$$.fragment);
|
||||
attr_dev(div0, "class", "msg_thread svelte-rmdfjs");
|
||||
add_location(div0, file$m, 64, 2, 1083);
|
||||
attr_dev(div1, "class", "panel panel_msg svelte-rmdfjs");
|
||||
add_location(div1, file$m, 63, 1, 1051);
|
||||
attr_dev(div2, "class", "text_area svelte-rmdfjs");
|
||||
attr_dev(div0, "class", "msg_thread svelte-1quyp80");
|
||||
add_location(div0, file$m, 62, 2, 1045);
|
||||
attr_dev(div1, "class", "panel panel_msg svelte-1quyp80");
|
||||
add_location(div1, file$m, 61, 1, 1013);
|
||||
attr_dev(div2, "class", "text_area svelte-1quyp80");
|
||||
attr_dev(div2, "contenteditable", "true");
|
||||
if (/*msg*/ ctx[4] === void 0) add_render_callback(() => /*div2_input_handler*/ ctx[10].call(div2));
|
||||
add_location(div2, file$m, 73, 2, 1265);
|
||||
attr_dev(div3, "class", "panel_write svelte-rmdfjs");
|
||||
add_location(div3, file$m, 72, 1, 1237);
|
||||
attr_dev(div4, "class", "grid_box svelte-rmdfjs");
|
||||
add_location(div4, file$m, 45, 0, 663);
|
||||
add_location(div2, file$m, 71, 2, 1218);
|
||||
attr_dev(div3, "class", "panel_write svelte-1quyp80");
|
||||
add_location(div3, file$m, 70, 1, 1190);
|
||||
attr_dev(div4, "class", "grid_box svelte-1quyp80");
|
||||
add_location(div4, file$m, 43, 0, 625);
|
||||
},
|
||||
l: function claim(nodes) {
|
||||
throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
|
||||
@@ -8349,7 +8250,7 @@ var app = (function () {
|
||||
if (dirty & /*back*/ 2) button0_changes.new_layout = /*back*/ ctx[1];
|
||||
if (dirty & /*back*/ 2) button0_changes.my_title = "go back " + /*back*/ ctx[1];
|
||||
|
||||
if (dirty & /*$$scope*/ 65536) {
|
||||
if (dirty & /*$$scope*/ 32768) {
|
||||
button0_changes.$$scope = { dirty, ctx };
|
||||
}
|
||||
|
||||
@@ -8362,7 +8263,7 @@ var app = (function () {
|
||||
button0.$set(button0_changes);
|
||||
const button1_changes = {};
|
||||
|
||||
if (dirty & /*$$scope*/ 65536) {
|
||||
if (dirty & /*$$scope*/ 32768) {
|
||||
button1_changes.$$scope = { dirty, ctx };
|
||||
}
|
||||
|
||||
@@ -8375,7 +8276,7 @@ var app = (function () {
|
||||
button1.$set(button1_changes);
|
||||
const button2_changes = {};
|
||||
|
||||
if (dirty & /*$$scope*/ 65536) {
|
||||
if (dirty & /*$$scope*/ 32768) {
|
||||
button2_changes.$$scope = { dirty, ctx };
|
||||
}
|
||||
|
||||
@@ -8390,9 +8291,28 @@ var app = (function () {
|
||||
if (dirty & /*msgs*/ 8) {
|
||||
each_value = /*msgs*/ ctx[3];
|
||||
validate_each_argument(each_value);
|
||||
let i;
|
||||
|
||||
for (i = 0; i < each_value.length; i += 1) {
|
||||
const child_ctx = get_each_context$4(ctx, each_value, i);
|
||||
|
||||
if (each_blocks[i]) {
|
||||
each_blocks[i].p(child_ctx, dirty);
|
||||
transition_in(each_blocks[i], 1);
|
||||
} else {
|
||||
each_blocks[i] = create_each_block$4(child_ctx);
|
||||
each_blocks[i].c();
|
||||
transition_in(each_blocks[i], 1);
|
||||
each_blocks[i].m(div0, null);
|
||||
}
|
||||
}
|
||||
|
||||
group_outros();
|
||||
validate_each_keys(ctx, each_value, get_each_context$4, get_key);
|
||||
each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div0, outro_and_destroy_block, create_each_block$4, null, get_each_context$4);
|
||||
|
||||
for (i = each_value.length; i < each_blocks.length; i += 1) {
|
||||
out(i);
|
||||
}
|
||||
|
||||
check_outros();
|
||||
}
|
||||
|
||||
@@ -8402,7 +8322,7 @@ var app = (function () {
|
||||
|
||||
const button3_changes = {};
|
||||
|
||||
if (dirty & /*$$scope*/ 65536) {
|
||||
if (dirty & /*$$scope*/ 32768) {
|
||||
button3_changes.$$scope = { dirty, ctx };
|
||||
}
|
||||
|
||||
@@ -8425,6 +8345,7 @@ var app = (function () {
|
||||
transition_out(button0.$$.fragment, local);
|
||||
transition_out(button1.$$.fragment, local);
|
||||
transition_out(button2.$$.fragment, local);
|
||||
each_blocks = each_blocks.filter(Boolean);
|
||||
|
||||
for (let i = 0; i < each_blocks.length; i += 1) {
|
||||
transition_out(each_blocks[i]);
|
||||
@@ -8438,11 +8359,7 @@ var app = (function () {
|
||||
destroy_component(button0);
|
||||
destroy_component(button1);
|
||||
destroy_component(button2);
|
||||
|
||||
for (let i = 0; i < each_blocks.length; i += 1) {
|
||||
each_blocks[i].d();
|
||||
}
|
||||
|
||||
destroy_each(each_blocks, detaching);
|
||||
/*div2_binding*/ ctx[11](null);
|
||||
destroy_component(button3);
|
||||
mounted = false;
|
||||
@@ -8469,11 +8386,9 @@ var app = (function () {
|
||||
let msg = "";
|
||||
let text_area;
|
||||
let msgs = [];
|
||||
let index = 0;
|
||||
|
||||
function add_msg(from, the_msg) {
|
||||
$$invalidate(3, msgs = [...msgs, { id: index, content: the_msg, name: from }]);
|
||||
index++;
|
||||
$$invalidate(3, msgs = [...msgs, { content: the_msg, name: from }]);
|
||||
}
|
||||
|
||||
function send_msg() {
|
||||
@@ -8542,7 +8457,6 @@ var app = (function () {
|
||||
msg,
|
||||
text_area,
|
||||
msgs,
|
||||
index,
|
||||
add_msg,
|
||||
send_msg,
|
||||
send_msg_if
|
||||
@@ -8554,7 +8468,6 @@ var app = (function () {
|
||||
if ('msg' in $$props) $$invalidate(4, msg = $$props.msg);
|
||||
if ('text_area' in $$props) $$invalidate(2, text_area = $$props.text_area);
|
||||
if ('msgs' in $$props) $$invalidate(3, msgs = $$props.msgs);
|
||||
if ('index' in $$props) index = $$props.index;
|
||||
};
|
||||
|
||||
if ($$props && "$$inject" in $$props) {
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -23,6 +23,7 @@
|
||||
width: auto;
|
||||
height: auto;
|
||||
border: 1px solid black;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -46,7 +46,6 @@
|
||||
/* default config
|
||||
*/
|
||||
button {
|
||||
display: flex;
|
||||
padding: 0px;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
|
||||
@@ -11,12 +11,10 @@
|
||||
let msg = "";
|
||||
let text_area;
|
||||
let msgs = [];
|
||||
let index = 0;
|
||||
|
||||
function add_msg(from, the_msg)
|
||||
{
|
||||
msgs = [...msgs, { id: index, content: the_msg, name: from }];
|
||||
index++;
|
||||
msgs = [...msgs, { content: the_msg, name: from }];
|
||||
}
|
||||
|
||||
function send_msg()
|
||||
@@ -63,7 +61,7 @@
|
||||
<!-- msg -->
|
||||
<div class="panel panel_msg">
|
||||
<div class="msg_thread">
|
||||
{#each msgs as msg (msg.id)}
|
||||
{#each msgs as msg}
|
||||
<Msg name={msg.name}>{@html msg.content}</Msg>
|
||||
{/each}
|
||||
</div>
|
||||
@@ -108,11 +106,11 @@
|
||||
|
||||
/* write area
|
||||
*/
|
||||
.panel_write {
|
||||
.grid_box .panel_write {
|
||||
border: none;
|
||||
overflow: visible;
|
||||
}
|
||||
.text_area {
|
||||
.grid_box .text_area {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
@@ -125,23 +123,23 @@
|
||||
background-color: white;
|
||||
border: 1px solid black;
|
||||
}
|
||||
.text_area:focus {
|
||||
.grid_box .text_area:focus {
|
||||
height: auto;
|
||||
min-height: 100%;
|
||||
max-height: 300px;
|
||||
}
|
||||
.panel_write .text_area :global(*) {
|
||||
.grid_box .panel_write .text_area :global(*) {
|
||||
display: block ruby;
|
||||
}
|
||||
|
||||
|
||||
/* msg area
|
||||
*/
|
||||
.panel_msg {
|
||||
.grid_box .panel_msg {
|
||||
flex-direction: column-reverse;
|
||||
border: 1px solid black;
|
||||
}
|
||||
.msg_thread {
|
||||
.grid_box .msg_thread {
|
||||
width: 100%;
|
||||
padding: 0px 5px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user