self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2024-12-24 13:43:12 +02:00
Code Issues Releases Activity

Moving more css aside components

Browse Source
This commit is contained in:
Jesús Espino 2020-10-25 22:29:20 +01:00
parent 154a71574d
commit d840f46d4e
3 changed files with 18 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
webapp/src/components/viewHeader.scss Normal file
View File

@ -0,0 +1,15 @@
.ViewHeader {
flex: 0 0 auto;
display: flex;
flex-direction: row;
border-bottom: solid 1px #cccccc;
margin-bottom: 10px;
padding: 10px 10px;
color: #909090;
> div {
margin-right: 5px;
white-space: nowrap
}
}

4
webapp/src/components/viewHeader.tsx
View File

@ -20,6 +20,8 @@ import MenuWrapper from '../widgets/menuWrapper'
import {Editable} from './editable'
import FilterComponent from './filterComponent'
import './viewHeader.scss'
type Props = {
boardTree?: BoardTree
showView: (id: string) => void
@ -112,7 +114,7 @@ class ViewHeader extends React.Component<Props, State> {
const hasSort = activeView.sortOptions.length > 0
return (
<div className='octo-controls'>
<div className='ViewHeader'>
<Editable
style={{color: '#000000', fontWeight: 600}}
text={activeView.title}

16
webapp/static/main.css
View File

@ -88,22 +88,6 @@ hr {
padding: 10px 95px 50px 95px;
}
.octo-controls {
flex: 0 0 auto;
display: flex;
flex-direction: row;
border-bottom: solid 1px #cccccc;
margin-bottom: 10px;
padding: 10px 10px;
color: #909090;
}
.octo-controls > div {
margin-right: 5px;
white-space: nowrap
}
.dragover {
background-color: rgba(128, 192, 255, 0.4);
}