mpana/copilot
1
0
Fork 0
mirror of https://github.com/yldio/copilot.git synced 2024-11-28 14:10:04 +02:00
Code Issues Releases Wiki Activity

removing clearfix and updating component

Browse Source
This commit is contained in:
Alex Windett 2016-11-29 14:11:32 +00:00
parent 12e59cae1e
commit 7b30859223
4 changed files with 22 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ui/src/components/base/style.css
View File

@ -591,5 +591,20 @@
& [hidden] { & [hidden] {
display: none !important; display: none !important;
} }
/**************************************************************************
* GOBAL HELPERS *
**************************************************************************/
& .clearfix {
&::before,
&::after {
content: "";
display: table;
}
&::after {
clear: both;
}
}
} }
} }

12
ui/src/components/notification/readme.md
View File

@ -34,8 +34,8 @@ nmodule.exports = ReactDOM.renderToString(
</Row> </Row>
<Row> <Row>
<Column> <Column>
<Notificaton type='warning' icon='question'> <Notificaton type='alert' icon='exclamation'>
<p style={style}>This is the question content</p> <p style={style}>This is the alert content</p>
</Notificaton> </Notificaton>
</Column> </Column>
</Row> </Row>
@ -51,14 +51,14 @@ const Notificaton = require('ui/avatar');
module.exports = () => { module.exports = () => {
return ( return (
<Notificaton type='warning' icon='exclamation'> <Notificaton type='warning' icon='question'>
<p>This is the warning content</p> <p>This is the warning content</p>
</Notificaton> </Notificaton>
<Notificaton type='warning' icon='question'> <Notificaton type='warning' icon='question'>
<p>This is the warning content</p> <p>This is the question content</p>
</Notificaton> </Notificaton>
<Notificaton type='warning' icon='question'> <Notificaton type='alert' icon='exclamation'>
<p>This is the warning content</p> <p>This is the alert content</p>
</Notificaton> </Notificaton>
); );
} }

2
ui/src/components/notification/style.css
View File

@ -13,7 +13,7 @@
.notification { .notification {
border-radius: 4px; border-radius: 4px;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
composes: clearfix from "../../shared/composers.css"; display: inline-block;
height: 100%; height: 100%;
&__warning { &__warning {

12
ui/src/shared/composers.css
View File

@ -9,15 +9,3 @@
.clear { .clear {
clear: both; clear: both;
} }
.clearfix {
&::before,
&::after {
content: "";
display: table;
}
&::after {
clear: both;
}
}