self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2025-02-01 19:14:35 +02:00
Code Issues Releases Activity

Minor menu and dialog UI fixes (#3742)

Browse Source 
* Varios UI fixes

* Fixing lint error

* Updating dialog

* Updating colors for icons
This commit is contained in:
Asaad Mahmood 2022-08-30 19:47:12 +05:00 committed by GitHub
parent 2035337049
commit 7bf8f9ba41
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
17 changed files with 34 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
webapp/src/components/dialog.scss
View File

@ -100,6 +100,13 @@
}
}
>.toolbar {
display: flex;
flex-direction: row;
padding: 24px;
justify-content: space-between;
}
.toolbar--right {
display: flex;
gap: 8px;

2
webapp/src/components/globalHeader/globalHeader.scss
View File

@ -15,7 +15,7 @@
align-items: center;
justify-content: center;
border-radius: 4px;
color: rgba(var(--sidebar-text-rgb), 0.64);
color: rgba(var(--sidebar-text-rgb), 0.56);
margin-left: 8px;
i {

5
webapp/src/components/searchDialog/searchDialog.scss
View File

@ -20,6 +20,9 @@
display: flex;
flex-direction: column;
height: 100%;
border-color: rgba(var(--center-channel-color-rgb), 0.16);
background: var(--center-channel-bg);
color: var(--center-channel-color);
.head {
margin-top: 6px;
@ -115,7 +118,7 @@
position: absolute;
left: 13px;
font-size: 18px;
top: 12px;
top: 14px;
width: 20px;
height: 20px;
opacity: 0.48;

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

@ -28,7 +28,7 @@
.HelpIcon {
font-size: 20px;
color: rgba(var(--center-channel-color-rgb), 0.7);
color: currentColor;
}
.versionFrame {
@ -41,7 +41,7 @@
font-size: 11px;
line-height: 14px;
font-weight: 500;
color: rgba(var(--center-channel-color-rgb), 0.7);
color: currentColor;
}
.versionBadge {
@ -49,6 +49,6 @@
line-height: 14px;
font-weight: 500;
margin-left: 3px;
color: rgba(var(--center-channel-color-rgb), 0.7);
color: currentColor;
}
}

2
webapp/src/components/viewHeader/viewHeader.scss
View File

@ -72,7 +72,7 @@
.board-search-icon {
position: absolute;
top: 4px;
top: 9px;
left: 10px;
color: rgba(var(--center-channel-color-rgb), 0.64);
}

2
webapp/src/widgets/icons/check.scss
View File

@ -1,5 +1,5 @@
.CheckIcon {
stroke: rgba(var(--center-channel-color-rgb), 0.5);
stroke: currentColor;
stroke-width: 8px;
fill: none;
width: 1em;

2
webapp/src/widgets/icons/disclosureTriangle.scss
View File

@ -1,5 +1,5 @@
.DisclosureTriangleIcon {
fill: rgba(var(--center-channel-color-rgb), 0.7);
fill: currentColor;
stroke: none;
width: 24px;
height: 24px;

2
webapp/src/widgets/icons/divider.scss
View File

@ -1,5 +1,5 @@
.DividerIcon {
fill: rgba(var(--center-channel-color-rgb), 0.7);
fill: currentColor;
stroke: none;
width: 24px;
height: 24px;

2
webapp/src/widgets/icons/duplicate.scss
View File

@ -1,5 +1,5 @@
.DuplicateIcon {
fill: rgba(var(--center-channel-color-rgb), 0.7);
fill: currentColor;
stroke: none;
width: 24px;
height: 24px;

2
webapp/src/widgets/icons/emoji.scss
View File

@ -1,5 +1,5 @@
.EmojiIcon {
fill: rgba(var(--center-channel-color-rgb), 0.7);
fill: currentColor;
stroke: none;
width: 24px;
height: 24px;

2
webapp/src/widgets/icons/gallery.scss
View File

@ -1,5 +1,5 @@
.GalleryIcon {
fill: rgba(var(--center-channel-color-rgb), 0.7);
fill: currentColor;
stroke: none;
width: 24px;
height: 24px;

2
webapp/src/widgets/icons/hide.scss
View File

@ -1,5 +1,5 @@
.HideIcon {
fill: rgba(var(--center-channel-color-rgb), 0.7);
fill: currentColor;
stroke: none;
width: 24px;
height: 24px;

2
webapp/src/widgets/icons/image.scss
View File

@ -1,5 +1,5 @@
.ImageIcon {
fill: rgba(var(--center-channel-color-rgb), 0.7);
fill: currentColor;
stroke: none;
width: 24px;
height: 24px;

2
webapp/src/widgets/icons/show.scss
View File

@ -1,5 +1,5 @@
.ShowIcon {
fill: rgba(var(--center-channel-color-rgb), 0.7);
fill: currentColor;
stroke: none;
width: 24px;
height: 24px;

2
webapp/src/widgets/icons/sortUp.scss
View File

@ -1,5 +1,5 @@
.SortUpIcon {
stroke: rgba(var(--center-channel-color-rgb), 0.5);
stroke: currentColor;
stroke-width: 8px;
fill: none;
width: 24px;

2
webapp/src/widgets/icons/submenuTriangle.scss
View File

@ -1,5 +1,5 @@
.SubmenuTriangleIcon {
fill: rgba(var(--center-channel-color-rgb), 0.7);
fill: currentColor;
stroke: none;
width: 24px;
height: 24px;

12
webapp/src/widgets/menu/menu.scss
View File

@ -51,12 +51,17 @@
font-size: 18px;
opacity: 0.56;
width: 18px;
margin-right: 12px;
&::before {
margin: 0;
}
}
.menu-option__content {
flex: 1;
}
.menu-option {
display: flex;
flex-direction: row;
@ -89,10 +94,6 @@
background: rgba(var(--button-bg-rgb), 0.08);
}
> * {
margin-left: 16px;
}
.noicon {
&:empty {
display: none;
@ -121,7 +122,7 @@
}
> .SubmenuTriangleIcon {
fill: rgba(var(--center-channel-color-rgb), 0.7);
fill: currentColor;
}
.Icon {
@ -209,6 +210,7 @@
> .noicon {
width: 16px;
height: 16px;
margin-right: 12px;
}
> .menu-name {