aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorCláudio <claudio.engdist@gmail.com>2021-01-24 09:54:10 -0300
committerCláudio <claudio.engdist@gmail.com>2021-01-24 09:54:10 -0300
commitc019fed48d6424ade4c4ee348570ff66e10ff9ff (patch)
treed30af9ead5403683d1a84e461bf93db1dc6c7d8c
parent9ad4469f9b59e7afe5542474f15a34ae4a690561 (diff)
downloadgit-bug-c019fed48d6424ade4c4ee348570ff66e10ff9ff.tar.gz
Partial commit for #158
- Added bt to create new issue and its style (github like)
-rw-r--r--webui/src/pages/list/ListQuery.css31
-rw-r--r--webui/src/pages/list/ListQuery.tsx9
2 files changed, 38 insertions, 2 deletions
diff --git a/webui/src/pages/list/ListQuery.css b/webui/src/pages/list/ListQuery.css
index e69de29b..3b5499f8 100644
--- a/webui/src/pages/list/ListQuery.css
+++ b/webui/src/pages/list/ListQuery.css
@@ -0,0 +1,31 @@
+header {
+ display: flex;
+ flex-direction: row;
+}
+
+.filterissue-container {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ justify-content: left;
+}
+
+.bt-new-issue {
+ background-color: #2ea44fd9;
+ border: 1px solid;
+ border-color: #1b1f2326;
+ border-radius: 6px;
+ padding: 3px 12px;
+
+ font-size: 12px;
+ color: #ffffff;
+ line-height: 20px;
+ text-decoration: none;
+
+ transition: all 0.2s cubic-bezier(0.3, 0, 0.5, 1);
+}
+
+.bt-new-issue:hover {
+ background-color: #2ea44f;
+ border-color: #1b1f2326;
+} \ No newline at end of file
diff --git a/webui/src/pages/list/ListQuery.tsx b/webui/src/pages/list/ListQuery.tsx
index f60b6154..b135827f 100644
--- a/webui/src/pages/list/ListQuery.tsx
+++ b/webui/src/pages/list/ListQuery.tsx
@@ -15,6 +15,8 @@ import FilterToolbar from './FilterToolbar';
import List from './List';
import { useListBugsQuery } from './ListQuery.generated';
+import './ListQuery.css';
+
type StylesProps = { searching?: boolean };
const useStyles = makeStyles<Theme, StylesProps>((theme) => ({
main: {
@@ -272,9 +274,10 @@ function ListQuery() {
<Paper className={classes.main}>
<header className={classes.header}>
<div className="filterissue-container">
- <h1>Issues</h1>
<form onSubmit={formSubmit}>
+ <label htmlFor="issuefilter">Filter</label>
<InputBase
+ id="issuefilter"
placeholder="Filter"
value={input}
onInput={(e: any) => setInput(e.target.value)}
@@ -288,7 +291,9 @@ function ListQuery() {
</button>
</form>
</div>
- <button className="bt-new-issue">New Issue</button>
+ <Link to="/newIssue" className="bt-new-issue">
+ New Issue
+ </Link>
</header>
<FilterToolbar query={query} queryLocation={queryLocation} />
{content}