forked from github/plane
fix: ui fixes (#246)
* style: shortcut command label bg color change * sidebar shortcut ui fix --------- Co-authored-by: Anmol Singh Bhatia <anmolsinghbhatia1001@gmail.com>
This commit is contained in:
parent
859fef24f4
commit
d5bf1f7a91
@ -218,7 +218,7 @@ export const BulkDeleteIssuesModal: React.FC<Props> = ({ isOpen, setIsOpen }) =>
|
|||||||
<LayerDiagonalIcon height="56" width="56" />
|
<LayerDiagonalIcon height="56" width="56" />
|
||||||
<h3 className="text-gray-500">
|
<h3 className="text-gray-500">
|
||||||
No issues found. Create a new issue with{" "}
|
No issues found. Create a new issue with{" "}
|
||||||
<pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>.
|
<pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
@ -172,7 +172,7 @@ export const ExistingIssuesListModal: React.FC<Props> = ({
|
|||||||
<LayerDiagonalIcon height="56" width="56" />
|
<LayerDiagonalIcon height="56" width="56" />
|
||||||
<h3 className="text-gray-500">
|
<h3 className="text-gray-500">
|
||||||
No issues found. Create a new issue with{" "}
|
No issues found. Create a new issue with{" "}
|
||||||
<pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>.
|
<pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
@ -212,7 +212,7 @@ export const ParentIssuesListModal: React.FC<Props> = ({
|
|||||||
<LayerDiagonalIcon height="56" width="56" />
|
<LayerDiagonalIcon height="56" width="56" />
|
||||||
<h3 className="text-gray-500">
|
<h3 className="text-gray-500">
|
||||||
No issues found. Create a new issue with{" "}
|
No issues found. Create a new issue with{" "}
|
||||||
<pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>.
|
<pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
@ -266,7 +266,7 @@ export const SidebarBlockedSelect: React.FC<Props> = ({
|
|||||||
<LayerDiagonalIcon height="56" width="56" />
|
<LayerDiagonalIcon height="56" width="56" />
|
||||||
<h3 className="text-gray-500">
|
<h3 className="text-gray-500">
|
||||||
No issues found. Create a new issue with{" "}
|
No issues found. Create a new issue with{" "}
|
||||||
<pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>.
|
<pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
@ -266,7 +266,7 @@ export const SidebarBlockerSelect: React.FC<Props> = ({
|
|||||||
<LayerDiagonalIcon height="56" width="56" />
|
<LayerDiagonalIcon height="56" width="56" />
|
||||||
<h3 className="text-gray-500">
|
<h3 className="text-gray-500">
|
||||||
No issues found. Create a new issue with{" "}
|
No issues found. Create a new issue with{" "}
|
||||||
<pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>.
|
<pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
@ -64,7 +64,7 @@ const CycleStatsView: React.FC<TCycleStatsViewProps> = ({
|
|||||||
)}
|
)}
|
||||||
<h3 className="text-gray-500">
|
<h3 className="text-gray-500">
|
||||||
No {type} {type === "current" ? "cycle" : "cycles"} yet. Create with{" "}
|
No {type} {type === "current" ? "cycle" : "cycles"} yet. Create with{" "}
|
||||||
<pre className="inline rounded bg-gray-100 px-2 py-1">Q</pre>.
|
<pre className="inline rounded bg-gray-200 px-2 py-1">Q</pre>.
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
@ -92,7 +92,7 @@ export const WorkspaceHelpSection: FC<WorkspaceHelpSectionProps> = (props) => {
|
|||||||
});
|
});
|
||||||
document.dispatchEvent(e);
|
document.dispatchEvent(e);
|
||||||
}}
|
}}
|
||||||
title="Help"
|
title="Shortcuts"
|
||||||
>
|
>
|
||||||
<BoltIcon className="h-4 w-4 text-gray-500" />
|
<BoltIcon className="h-4 w-4 text-gray-500" />
|
||||||
{!sidebarCollapse && <span>Shortcuts</span>}
|
{!sidebarCollapse && <span>Shortcuts</span>}
|
||||||
@ -133,7 +133,7 @@ export const WorkspaceHelpSection: FC<WorkspaceHelpSectionProps> = (props) => {
|
|||||||
title="Help"
|
title="Help"
|
||||||
>
|
>
|
||||||
<QuestionMarkCircleIcon className="h-4 w-4 text-gray-500" />
|
<QuestionMarkCircleIcon className="h-4 w-4 text-gray-500" />
|
||||||
{!sidebarCollapse && <span>Help ?</span>}
|
{!sidebarCollapse && <span>Help?</span>}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -133,7 +133,7 @@ const Sidebar: React.FC<Props> = ({ toggleSidebar, setToggleSidebar }) => {
|
|||||||
});
|
});
|
||||||
document.dispatchEvent(e);
|
document.dispatchEvent(e);
|
||||||
}}
|
}}
|
||||||
title="Help"
|
title="Shortcuts"
|
||||||
>
|
>
|
||||||
<BoltIcon className="h-4 w-4 text-gray-500" />
|
<BoltIcon className="h-4 w-4 text-gray-500" />
|
||||||
{!sidebarCollapse && <span>Shortcuts</span>}
|
{!sidebarCollapse && <span>Shortcuts</span>}
|
||||||
@ -174,7 +174,7 @@ const Sidebar: React.FC<Props> = ({ toggleSidebar, setToggleSidebar }) => {
|
|||||||
title="Help"
|
title="Help"
|
||||||
>
|
>
|
||||||
<QuestionMarkCircleIcon className="h-4 w-4 text-gray-500" />
|
<QuestionMarkCircleIcon className="h-4 w-4 text-gray-500" />
|
||||||
{!sidebarCollapse && <span>Help ?</span>}
|
{!sidebarCollapse && <span>Help?</span>}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -164,7 +164,7 @@ const WorkspacePage: NextPage = () => {
|
|||||||
<LayerDiagonalIcon height="56" width="56" />
|
<LayerDiagonalIcon height="56" width="56" />
|
||||||
<h3 className="text-gray-500">
|
<h3 className="text-gray-500">
|
||||||
No issues found. Create a new issue with{" "}
|
No issues found. Create a new issue with{" "}
|
||||||
<pre className="inline rounded bg-gray-100 px-2 py-1">C</pre>.
|
<pre className="inline rounded bg-gray-200 px-2 py-1">C</pre>.
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
@ -181,7 +181,7 @@ const MyIssuesPage: NextPage = () => {
|
|||||||
title="Create a new issue"
|
title="Create a new issue"
|
||||||
description={
|
description={
|
||||||
<span>
|
<span>
|
||||||
Use <pre className="inline rounded bg-gray-100 px-2 py-1">C</pre> shortcut
|
Use <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre> shortcut
|
||||||
to create a new issue
|
to create a new issue
|
||||||
</span>
|
</span>
|
||||||
}
|
}
|
||||||
|
@ -177,7 +177,7 @@ const ProjectCycles: NextPage = () => {
|
|||||||
title="Create a new cycle"
|
title="Create a new cycle"
|
||||||
description={
|
description={
|
||||||
<span>
|
<span>
|
||||||
Use <pre className="inline rounded bg-gray-100 px-2 py-1">Q</pre> shortcut to
|
Use <pre className="inline rounded bg-gray-200 px-2 py-1">Q</pre> shortcut to
|
||||||
create a new cycle
|
create a new cycle
|
||||||
</span>
|
</span>
|
||||||
}
|
}
|
||||||
|
@ -88,7 +88,7 @@ const ProjectIssues: NextPage<UserAuth> = (props) => {
|
|||||||
title="Create a new issue"
|
title="Create a new issue"
|
||||||
description={
|
description={
|
||||||
<span>
|
<span>
|
||||||
Use <pre className="inline rounded bg-gray-100 px-2 py-1">C</pre> shortcut to
|
Use <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre> shortcut to
|
||||||
create a new issue
|
create a new issue
|
||||||
</span>
|
</span>
|
||||||
}
|
}
|
||||||
|
@ -85,7 +85,7 @@ const ProjectModules: NextPage = () => {
|
|||||||
title="Create a new module"
|
title="Create a new module"
|
||||||
description={
|
description={
|
||||||
<span>
|
<span>
|
||||||
Use <pre className="inline rounded bg-gray-100 px-2 py-1">M</pre> shortcut to
|
Use <pre className="inline rounded bg-gray-200 px-2 py-1">M</pre> shortcut to
|
||||||
create a new module
|
create a new module
|
||||||
</span>
|
</span>
|
||||||
}
|
}
|
||||||
|
@ -88,7 +88,7 @@ const ProjectsPage: NextPage = () => {
|
|||||||
title="Create a new project"
|
title="Create a new project"
|
||||||
description={
|
description={
|
||||||
<span>
|
<span>
|
||||||
Use <pre className="inline rounded bg-gray-100 px-2 py-1">P</pre> shortcut to
|
Use <pre className="inline rounded bg-gray-200 px-2 py-1">P</pre> shortcut to
|
||||||
create a new project
|
create a new project
|
||||||
</span>
|
</span>
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user