github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: minor ui fixes (#515)

Browse Source 
* fix: sidebar arror positioning

* chore: show empty groups default value as true
This commit is contained in:
Aaryan Khandelwal 2023-03-23 23:25:30 +05:30 committed by GitHub
parent f3b7fc6eb5
commit 7892a563b7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
apps/app/components/workspace/help-section.tsx
View File

@ -57,7 +57,7 @@ export const WorkspaceHelpSection: FC<WorkspaceHelpSectionProps> = (props) => {
return ( return (
<div <div
className={`flex w-full items-center justify-between self-baseline border-t bg-white px-6 py-2 ${ className={`flex w-full items-center justify-between self-baseline border-t bg-white px-6 py-2 ${
sidebarCollapse ? "flex-col-reverse" : "" sidebarCollapse ? "flex-col" : ""
}`} }`}
> >
<button <button
@ -73,7 +73,7 @@ export const WorkspaceHelpSection: FC<WorkspaceHelpSectionProps> = (props) => {
}} }}
title="Shortcuts" title="Shortcuts"
> >
<BoltIcon className={`text-gray-500 ${sidebarCollapse ? "h-4 w-4" : "h-6 w-6"}`} /> <BoltIcon className="h-4 w-4 text-gray-500" />
{!sidebarCollapse && <span>Shortcuts</span>} {!sidebarCollapse && <span>Shortcuts</span>}
</button> </button>
<button <button
@ -84,9 +84,7 @@ export const WorkspaceHelpSection: FC<WorkspaceHelpSectionProps> = (props) => {
onClick={() => setIsNeedHelpOpen((prev) => !prev)} onClick={() => setIsNeedHelpOpen((prev) => !prev)}
title="Help" title="Help"
> >
<QuestionMarkCircleIcon <QuestionMarkCircleIcon className="h-4 w-4 text-gray-500" />
className={`text-gray-500 ${sidebarCollapse ? "h-4 w-4" : "h-6 w-6"}`}
/>
{!sidebarCollapse && <span>Help</span>} {!sidebarCollapse && <span>Help</span>}
</button> </button>
<button <button
@ -94,11 +92,7 @@ export const WorkspaceHelpSection: FC<WorkspaceHelpSectionProps> = (props) => {
className="flex items-center gap-3 rounded-md px-2 py-2 text-xs font-medium text-gray-500 outline-none hover:bg-gray-100 hover:text-gray-900 md:hidden" className="flex items-center gap-3 rounded-md px-2 py-2 text-xs font-medium text-gray-500 outline-none hover:bg-gray-100 hover:text-gray-900 md:hidden"
onClick={() => setSidebarActive(false)} onClick={() => setSidebarActive(false)}
> >
<ArrowLongLeftIcon <ArrowLongLeftIcon className="h-4 w-4 flex-shrink-0 text-gray-500 group-hover:text-gray-900" />
className={`flex-shrink-0 text-gray-500 group-hover:text-gray-900 ${
sidebarCollapse ? "h-4 w-4" : "h-6 w-6"
}`}
/>
</button> </button>
<button <button
type="button" type="button"
@ -108,8 +102,8 @@ export const WorkspaceHelpSection: FC<WorkspaceHelpSectionProps> = (props) => {
onClick={() => toggleCollapsed()} onClick={() => toggleCollapsed()}
> >
<ArrowLongLeftIcon <ArrowLongLeftIcon
className={`flex-shrink-0 text-gray-500 duration-300 group-hover:text-gray-900 ${ className={`h-4 w-4 flex-shrink-0 text-gray-500 duration-300 group-hover:text-gray-900 ${
sidebarCollapse ? "h-4 w-4 rotate-180" : "h-6 w-6" sidebarCollapse ? "rotate-180" : ""
}`} }`}
/> />
</button> </button>

4
apps/app/contexts/issue-view.context.tsx
View File

@ -60,7 +60,7 @@ export const initialState: StateType = {
issueView: "list", issueView: "list",
groupByProperty: null, groupByProperty: null,
orderBy: "created_at", orderBy: "created_at",
showEmptyGroups: false, showEmptyGroups: true,
filters: { filters: {
type: null, type: null,
priority: null, priority: null,
@ -122,7 +122,7 @@ export const reducer: ReducerFunctionType = (state, action) => {
case "SET_SHOW_EMPTY_STATES": { case "SET_SHOW_EMPTY_STATES": {
const newState = { const newState = {
...state, ...state,
showEmptyGroups: payload?.showEmptyGroups || false, showEmptyGroups: payload?.showEmptyGroups || true,
}; };
return { return {