neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Table border adjustments (#3639)

Browse Source
This commit is contained in:
Jaco Greeff 2020-09-08 13:41:37 +02:00 committed by GitHub
parent 4fe913e6b0
commit 9228041dbe
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 45 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/page-calendar/src/index.tsx
View File

@ -152,7 +152,7 @@ export default React.memo(styled(CalendarApp)`
> div {
background-color: #fff;
border: 1px solid #ddd;
border: 1px solid #eeecea;
border-radius: 0.25rem;
}

22
packages/react-components/src/Table/Body.tsx
View File

@ -35,6 +35,14 @@ export default React.memo(styled(Body)`
text-align: left;
vertical-align: middle;
&:first-child {
border-left: 1px solid #eeecea;
}
&:last-child {
border-right: 1px solid #eeecea;
}
label {
display: block !important;
white-space: nowrap;
@ -161,12 +169,16 @@ export default React.memo(styled(Body)`
}
&:last-child {
td:first-child {
border-bottom-left-radius: 0.25rem;
}
td {
border-bottom: 1px solid #eeecea;
td:last-child {
border-bottom-right-radius: 0.25rem;
&:first-child {
border-bottom-left-radius: 0.25rem;
}
:last-child {
border-bottom-right-radius: 0.25rem;
}
}
}

35
packages/react-components/src/Table/Head.tsx
View File

@ -59,14 +59,6 @@ export default React.memo(styled(Head)`
vertical-align: baseline;
white-space: nowrap;
&:first-child {
border-top-left-radius: 0.25rem;
}
&:last-child {
border-top-rights-radius: 0.25rem;
}
h1, h2 {
font-size: 1.75rem;
}
@ -95,13 +87,38 @@ export default React.memo(styled(Head)`
}
tr {
background: rgba(255, 254, 253, 1);
background: white; // rgba(255, 254, 253, 1);
text-transform: lowercase;
&:first-child {
th {
&:first-child {
border-top-left-radius: 0.25rem;
}
&:last-child {
border-top-rights-radius: 0.25rem;
}
}
}
&:not(.filter) {
th {
color: rgba(78, 78, 78, 0.66);
&:first-child {
border-left: 1px solid #eeecea;
}
&:last-child {
border-right: 1px solid #eeecea;
}
}
&:first-child {
th {
border-top: 1px solid #eeecea;
}
}
}

2
packages/react-components/src/Tabs/index.tsx
View File

@ -61,7 +61,7 @@ function Tabs ({ basePath, className = '', hidden, isSequence, items }: Props):
export default React.memo(styled(Tabs)`
align-items: flex-end;
background: #fff;
// border-bottom: 1px solid #ddd;
border-bottom: 1px solid #eeecea;
display: flex;
margin: 0 -3rem;
overflow-x: scroll;