From 0f31d94fa0e3daeb3a2417e4fc4c03126623b23f Mon Sep 17 00:00:00 2001 From: Jean-Baptiste Pasquier Date: Tue, 29 Jun 2021 16:37:33 +0000 Subject: [PATCH 1/5] bump: sxc 6.3 --- src/orbit-dependencies.pug | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/orbit-dependencies.pug b/src/orbit-dependencies.pug index 9c9295a..79aac91 100644 --- a/src/orbit-dependencies.pug +++ b/src/orbit-dependencies.pug @@ -17,7 +17,7 @@ if componentSet.has("autoLogin") || componentSet.has("registering") //- script(type="module" src="/lib/sib-auth/index.js" defer) if componentSet.has("chat") || componentSet.has("circles") || componentSet.has("projects") - script(type="module" src="https://cdn.skypack.dev/@startinblox/component-chat@6.2" defer) + script(type="module" src="https://cdn.skypack.dev/@startinblox/component-chat@6.3" defer) //- script(type="module" src="/lib/solid-xmpp-chat/dist/index.js" defer) if componentSet.has("communities") From ec428e56ae0570a2253b43cf6557174cec05555a Mon Sep 17 00:00:00 2001 From: gaelle morin Date: Thu, 24 Jun 2021 14:34:53 +0200 Subject: [PATCH 2/5] fix: messages - ellipsis for header's name --- src/styles/chat/_index.scss | 41 ++++++++++++++++++++++++++++++++++--- src/views/page-messages.pug | 2 +- 2 files changed, 39 insertions(+), 4 deletions(-) diff --git a/src/styles/chat/_index.scss b/src/styles/chat/_index.scss index f3a202a..373240a 100644 --- a/src/styles/chat/_index.scss +++ b/src/styles/chat/_index.scss @@ -1,7 +1,42 @@ -.chat-view { - height: calc(100vh - 50px - 78px); +#messages { + + .chat-view { + height: calc(100vh - 50px - 78px); + } @media (max-width: 768px) { - height: calc(100vh - 50px - 68px); + + height: calc(100vh - 50px - 58px); + + .messages-header { + display: flex; + } + + solid-set-default[name="segment2"] { + font-size: 14px; + line-height: 16px; + width: 75%; + } + + orbit-user-avatar { + height: 31px; + width: 31px; + } + + solid-display-value[name="name"] { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 210px; + } + + solid-display-value[name="hyphen"] { + display: none; + } + + solid-link { + vertical-align: super; + } } } diff --git a/src/views/page-messages.pug b/src/views/page-messages.pug index a3b2e46..d89d442 100644 --- a/src/views/page-messages.pug +++ b/src/views/page-messages.pug @@ -1,4 +1,4 @@ -div.segment.full.padding-top-small.padding-right-large.padding-bottom-small.padding-left-large.sm-padding-xsmall.border-bottom.border-color-grey.whitespace-normal.bg-color-white +div.segment.full.padding-top-small.padding-right-large.padding-bottom-small.padding-left-large.sm-padding-xxsmall.border-bottom.border-color-grey.whitespace-normal.bg-color-white.message-header solid-display.labelled-avatar.small( bind-resources fields='segment1(account.picture), segment2(name, hyphen, at, username)' From ab7e1d92fe7e3fb216e7e77dbfbb103b7c42a23b Mon Sep 17 00:00:00 2001 From: gaelle morin Date: Mon, 28 Jun 2021 15:44:05 +0200 Subject: [PATCH 3/5] fix: left menu - button to remove SO doesn't take too much space --- src/styles/left-nav/_index.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/styles/left-nav/_index.scss b/src/styles/left-nav/_index.scss index 9773c79..346d9b5 100644 --- a/src/styles/left-nav/_index.scss +++ b/src/styles/left-nav/_index.scss @@ -226,7 +226,7 @@ nav#main__menu { orbit-menu-contact-removed { display: none; button { - visibility: hidden; + display: contents; } } @@ -253,7 +253,7 @@ nav#main__menu { position: relative; top: -28px; display: block; - left: calc(100% - 47px); + left: calc(100% - 50px); padding-top: 5px; button { From 4629dddf8ff7168273e2f8653fac0e3d37fd67d8 Mon Sep 17 00:00:00 2001 From: gaelle morin Date: Tue, 29 Jun 2021 16:29:29 +0200 Subject: [PATCH 4/5] fix: left menu - button to remove SO ok on Firefox too --- src/styles/left-nav/_index.scss | 5 +---- src/views/partials/widgets/orbit-menu-contact-removed.pug | 2 +- 2 files changed, 2 insertions(+), 5 deletions(-) diff --git a/src/styles/left-nav/_index.scss b/src/styles/left-nav/_index.scss index 346d9b5..c96e381 100644 --- a/src/styles/left-nav/_index.scss +++ b/src/styles/left-nav/_index.scss @@ -225,9 +225,6 @@ nav#main__menu { orbit-menu-contact-removed { display: none; - button { - display: contents; - } } &:hover { @@ -253,7 +250,7 @@ nav#main__menu { position: relative; top: -28px; display: block; - left: calc(100% - 50px); + left: calc(100% - 44px); padding-top: 5px; button { diff --git a/src/views/partials/widgets/orbit-menu-contact-removed.pug b/src/views/partials/widgets/orbit-menu-contact-removed.pug index ed7431b..3fa488b 100644 --- a/src/views/partials/widgets/orbit-menu-contact-removed.pug +++ b/src/views/partials/widgets/orbit-menu-contact-removed.pug @@ -1,5 +1,5 @@ if componentSet.has('chat') solid-widget(name='orbit-menu-contact-removed') template ${value != "" ? ` - ` : ""} + ` : ""} //- Fix: using type confirm, dialog is not available on Firefox, polyfill only works if dialog is a direct child of body \ No newline at end of file From a01d6497a010ea205b4fa9aebafa8c036b5590bc Mon Sep 17 00:00:00 2001 From: gaelle morin Date: Thu, 1 Jul 2021 15:55:14 +0200 Subject: [PATCH 5/5] fix: left menu - alignment between the coungter and the remove button fixed --- src/styles/left-nav/_index.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/styles/left-nav/_index.scss b/src/styles/left-nav/_index.scss index c96e381..4566b88 100644 --- a/src/styles/left-nav/_index.scss +++ b/src/styles/left-nav/_index.scss @@ -260,6 +260,9 @@ nav#main__menu { font-size: 18px; color: white; visibility: visible; + position: relative; + bottom: 1px; + margin-left: 6px; } } }