From 8d7d50191ba073d8cc63cd6a7d6a48b2636167f4 Mon Sep 17 00:00:00 2001 From: cha0s Date: Sat, 18 Jul 2020 09:05:10 -0500 Subject: [PATCH] flow: sexier --- src/client/channel.jsx | 4 ++-- src/client/chat--leftFriends.jsx | 12 +----------- src/client/chat--leftFriends.scss | 16 +++------------- src/client/chat--leftRooms.jsx | 5 +---- src/client/chat--leftRooms.scss | 13 +------------ src/client/chat--message.scss | 2 +- src/client/chat--messages.scss | 1 + src/client/chat--rightUsers.jsx | 2 +- src/client/dark.png | Bin 0 -> 33322 bytes 9 files changed, 11 insertions(+), 44 deletions(-) create mode 100644 src/client/dark.png diff --git a/src/client/channel.jsx b/src/client/channel.jsx index e5e796e..5d2273d 100644 --- a/src/client/channel.jsx +++ b/src/client/channel.jsx @@ -22,8 +22,8 @@ export default function Channel(props) { = 12}, - {superlong: name.length >= 16}, + {long: name && name.length >= 12}, + {superlong: name && name.length >= 16}, )} to={href} > diff --git a/src/client/chat--leftFriends.jsx b/src/client/chat--leftFriends.jsx index 3b329df..d852801 100644 --- a/src/client/chat--leftFriends.jsx +++ b/src/client/chat--leftFriends.jsx @@ -37,20 +37,10 @@ export default function ChatLeftFriends() { >
diff --git a/src/client/chat--leftFriends.scss b/src/client/chat--leftFriends.scss index 8a9ab4f..c1719dd 100644 --- a/src/client/chat--leftFriends.scss +++ b/src/client/chat--leftFriends.scss @@ -8,7 +8,7 @@ white-space: nowrap; } -.friends__joinTextWrapper { +.friends__addTextWrapper { align-items: center; display: flex; flex-grow: 1; @@ -23,7 +23,9 @@ } .friends__addText { + flex-grow: 1; padding-left: 0.25em; + width: 0%; } .friends__chatsTitle { @@ -57,15 +59,3 @@ } } } - -.friends__add .bar__button { - background: none; - border: none; - margin: 0 0 0 0.45em; - padding: 0; - width: 2em; - height: 2em; - &:hover { - background-color: #444; - } -} diff --git a/src/client/chat--leftRooms.jsx b/src/client/chat--leftRooms.jsx index db327c7..4d37936 100644 --- a/src/client/chat--leftRooms.jsx +++ b/src/client/chat--leftRooms.jsx @@ -32,13 +32,10 @@ export default function ChatLeftRooms() { >

Favorites

diff --git a/src/client/chat--leftRooms.scss b/src/client/chat--leftRooms.scss index 45289c7..a0c04e4 100644 --- a/src/client/chat--leftRooms.scss +++ b/src/client/chat--leftRooms.scss @@ -25,6 +25,7 @@ .channels__joinText { flex-grow: 1; padding-left: 0.25em; + width: 0%; } .channels__chatsTitle { @@ -58,15 +59,3 @@ } } } - -.channels__join .bar__button { - background: none; - border: none; - margin: 0 0 0 0.45em; - padding: 0; - width: 2em; - height: 2em; - &:hover { - background-color: #444; - } -} diff --git a/src/client/chat--message.scss b/src/client/chat--message.scss index 14a8454..c309d15 100644 --- a/src/client/chat--message.scss +++ b/src/client/chat--message.scss @@ -30,7 +30,7 @@ } .chat--message:hover { - background-color: #1c1c1c; + background-color: rgba(28, 28, 28, 0.7); } header { diff --git a/src/client/chat--messages.scss b/src/client/chat--messages.scss index afa49aa..748be41 100644 --- a/src/client/chat--messages.scss +++ b/src/client/chat--messages.scss @@ -1,4 +1,5 @@ .chat--messages { + background-image: url('./dark.png'); display: flex; flex-direction: column; overflow: hidden; diff --git a/src/client/chat--rightUsers.jsx b/src/client/chat--rightUsers.jsx index aabfb84..6d1ae27 100644 --- a/src/client/chat--rightUsers.jsx +++ b/src/client/chat--rightUsers.jsx @@ -36,7 +36,7 @@ export default function ChatRightUsers() {
-

Users

+

Users present