self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2025-07-15 23:54:29 +02:00
Code Issues Releases Activity

1205 - Updating workspace switcher css (#1211)

Browse Source 
* 1205 - Updating workspace switcher css

* Updating workspace padding
This commit is contained in:
Asaad Mahmood
2021-09-16 23:27:23 +05:00
committed by GitHub
parent fbd513c37a
commit fd7be947c1
3 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
webapp/src/components/sidebar/sidebar.scss
View File

@ -1,13 +1,13 @@
.Sidebar { .Sidebar {
flex: 0 0 240px; flex: 0 0 240px;
max-width: 240px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 100%; min-height: 100%;
color: rgb(var(--sidebar-text-rgb)); color: rgb(var(--sidebar-text-rgb));
background-color: rgb(var(--sidebar-bg-rgb)); background-color: rgb(var(--sidebar-bg-rgb));
padding: 12px 0; padding: 24px 0 12px;
&.hidden { &.hidden {
position: absolute; position: absolute;
@ -56,9 +56,7 @@
.WorkspaceTitle { .WorkspaceTitle {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding: 0 16px; padding: 0 16px;
margin-bottom: 12px;
font-weight: 600; font-weight: 600;
} }

3
webapp/src/components/workspaceSwitcher/workspaceOptions.scss
View File

@ -19,6 +19,9 @@
.workspaceTitle { .workspaceTitle {
color: rgb(var(--center-channel-color-rgb)); color: rgb(var(--center-channel-color-rgb));
font-size: 14px; font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
.boardCount { .boardCount {

11
webapp/src/components/workspaceSwitcher/workspaceSwitcher.scss
View File

@ -7,8 +7,8 @@
gap: 4px; gap: 4px;
width: 100%; width: 100%;
position: relative; position: relative;
padding: 12px 16px 0; padding: 0 16px;
margin-bottom: 12px; margin-bottom: 16px;
font-weight: 600; font-weight: 600;
> div:nth-child(2) { > div:nth-child(2) {
@ -30,6 +30,13 @@
border-radius: 8px; border-radius: 8px;
padding: 10px 16px; padding: 10px 16px;
cursor: pointer; cursor: pointer;
white-space: nowrap;
span {
max-width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.icon-chevron-down { .icon-chevron-down {
margin-left: auto; margin-left: auto;