mpana/copilot
1
0
Fork 0
mirror of https://github.com/yldio/copilot.git synced 2024-11-28 06:00:06 +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] {
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>
<Column>
<Notificaton type='warning' icon='question'>
<p style={style}>This is the question content</p>
<Notificaton type='alert' icon='exclamation'>
<p style={style}>This is the alert content</p>
</Notificaton>
</Column>
</Row>
@ -51,14 +51,14 @@ const Notificaton = require('ui/avatar');
module.exports = () => {
return (
<Notificaton type='warning' icon='exclamation'>
<Notificaton type='warning' icon='question'>
<p>This is the warning content</p>
</Notificaton>
<Notificaton type='warning' icon='question'>
<p>This is the warning content</p>
<p>This is the question content</p>
</Notificaton>
<Notificaton type='warning' icon='question'>
<p>This is the warning content</p>
<Notificaton type='alert' icon='exclamation'>
<p>This is the alert content</p>
</Notificaton>
);
}

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

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

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

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