From d7a1c01e2a789fd634cbc42156606e224c72aa7d Mon Sep 17 00:00:00 2001
From: Georg Ehrke <developer@georgehrke.com>
Date: Thu, 20 Aug 2020 09:48:17 +0200
Subject: [PATCH] Change color of displayname and ellipsis status message
Signed-off-by: Georg Ehrke <developer@georgehrke.com>
---
apps/user_status/js/user-status-menu.js | Bin 1978957 -> 1979102 bytes
apps/user_status/js/user-status-menu.js.map | Bin 3767248 -> 3767693 bytes
apps/user_status/src/App.vue | 15 ++++++++++++---
3 files changed, 12 insertions(+), 3 deletions(-)
diff --git a/apps/user_status/js/user-status-menu.js b/apps/user_status/js/user-status-menu.js
index 9a29d611262c4b2b58fa30a4c5360e38ae432664..bd3038cb3fb3ce36fb615ffab1d866f05628fdfd 100644
GIT binary patch
delta 184
zcmX^6q~hMwiiQ@(7N!>F7M2#)7Pc1l7LFFq7OocV7M>Q~7QPn#7J(MQ7NHj57LgXw
z7O@ub7Ks+g7O58L7MU%w;uoiXIL;$B{ZKQX(Db;E0)o?xFUkfp85vCPxG1}jHzl*U
zASbcXDk&#FIeYs1<2>TiH!%w8P7k{zTgz*mn^>V+o|#gTVFghiGri%8Ec<qz%d%4~
jnRJx4ck#%rR~1Q1G&L|bGDtEuF)=qVPD@HPvPb~{EPFvS
delta 153
zcmV~$y$-<u6b8^JZT+>{D)o0I2BV>^k}ftoW=n(aCS4>F-{Jw}dJsu>yU=zw@gC0k
z{G#VKIw1!Ec@!W*f{Y?cD5HWZ6sV{{gAN0Am}sC03oW$KK^MI{SqVSRs=<qkD)PIo
zOT0{ICD<MhGFo#kr8(~p+K4%&Bfk=Ic$ShJBcrPyJ4*jHG@Wo`2jkH8!ihWG`R*jx
F27gAdHCX@v
diff --git a/apps/user_status/js/user-status-menu.js.map b/apps/user_status/js/user-status-menu.js.map
index be5158c8a8b359736223cbab80c70d7ba2f1a7bb..bfd619568424fbc1bc2ca1d43684d1d872212d08 100644
GIT binary patch
delta 697
zcmZwB|7#L)9LI4^TTRza&rN4dOHXsP-PL*Lm;2~`xtTxI#zOj4B2A^$^scFMV?PAN
z7;UTt{_y!>5cI=-526l=Sj6b({R#fEev5u`MKS1A!XOxL9>0B_pZ9zJ#{skX`+#{J
z)~&IU+>YiVZAZ;U-%pZ}r&WEesxx2#E1ZHpI1Oi@A8cTU0XPeTz=8vuW>x1_4Ypa$
zXj-e95vH~51N~ixtGFHYOl?ZIkukE%GeY*dPMckBmRY2GUG9)+nI8_hL5oG1rJe7b
z&;0t6`^4DGnpPHanwDEIw|{Xv7K>q+Q%Bqv=WwMEmlRnlDzR8nQYyu=td`b%tP6%<
z7~J525%9t}I1i)X13z4Vix7Yy@DPG9T!ILU!DYAt<1hgNh;S9Ifdo;IL4g>=ApuF#
z$EvF<^cE|5sB2er(WB=vj(&Wm-tLnn$ylNTZ(?I~a$Rk)rMbE>Usz5R=k<FJ)4k+X
zC*i02>*}U6T`eq$t+`U;e(L{FHn%p^+G85BlOgk)og_Vc`1q~Ztd|$WdZW;2)>DCh
zVLD&S*XW%MH9~I&i9lcOiC+3BNW8t%+Cj4DIr#(1@??b;g2ZjfH+tO@o^&S~dCc+3
zRN&<L@7@OGcrr@IdEz%)A+lxbm!on#kyI4w*in6STO=-e_pRzQXGHSCY8CRl`B@_D
F^dE~n<DdWl
delta 502
zcmWN=zfTik90%asfzn!N`^t|hv<UqHN>Au}*So%NOiWtrAQ(biTySV8?bJI=XjFta
z7(zTW4w!r+ll}o3Cf|XD!7v*61B@&%iU|TnBJuMi&+D^&?c3?Twwd-?Z6U1n57U|T
zh#REGw`J@_!&_~58tT}Bt#|=1VjBi9h?g*g?bv}~j9^qXJhn0)&Sp!+VtuS+Ocu+F
z_0M~()*X2??v{+Z<8JxsJ)?Z5LCs?}r7h5xV|Jo7)z%5?&~-jVdxtEp4*sxhO>O;U
z8@j&est5nrPPEIc&GJgV#_gJ873QSnRH~I#9=?p7*oEELgE72<SFsoSFpdfA$7?u%
zgP6n=rZIy<IE>fv2997B4ZMk?IEFdoXrhIAw9&zW;$gA!jI=W+LBC##`#QI2dri#H
zdta1k_ia8w(Id{NuqKws^@T~_ebJ^;uSEU1`WTYKJ>>afh~i0U&|Fe>((<_#B0njc
w0dD8!pWK>p=|@`jk(H7UX(uIrs#r$82?p|x$jzG7s`@l4zqY7%ru;qeAITA=@c;k-
diff --git a/apps/user_status/src/App.vue b/apps/user_status/src/App.vue
index 8db000e9f90..7338c8f98c7 100644
--- a/apps/user_status/src/App.vue
+++ b/apps/user_status/src/App.vue
@@ -31,7 +31,8 @@
<Actions
id="user-status-menu-item__subheader"
:default-icon="statusIcon"
- :menu-title="visibleMessage">
+ :menu-title="visibleMessage"
+ :title="visibleMessage">
<ActionButton
v-for="status in statuses"
:key="status.type"
@@ -244,15 +245,18 @@ export default {
</script>
<style lang="scss">
+$max-width-user-status: 200px;
+
li:not(.inline) #user-status-menu-item {
&__header {
display: block;
- color: var(--color-main-text);
+ box-sizing: border-box;
+ color: var(--color-text-maxcontrast);
padding: 10px 12px 5px 38px;
opacity: 1;
white-space: nowrap;
text-align: left;
- max-width: 150px;
+ max-width: $max-width-user-status;
overflow: hidden;
text-overflow: ellipsis;
}
@@ -261,6 +265,8 @@ li:not(.inline) #user-status-menu-item {
width: 100%;
> button {
+ display: block;
+ box-sizing: border-box;
background-color: var(--color-main-background);
background-position: 12px center;
background-size: 16px;
@@ -269,6 +275,9 @@ li:not(.inline) #user-status-menu-item {
font-weight: normal;
padding-left: 38px;
opacity: 1;
+ max-width: $max-width-user-status;
+ overflow: hidden;
+ text-overflow: ellipsis;
&:hover,
&:focus {
--
GitLab