add afx-label and afx-switch

This commit is contained in:
Xuan Sang LE
2017-08-26 16:50:13 +02:00
parent 2284f50523
commit 4cf1d694f9
39 changed files with 898 additions and 239 deletions

View File

@ -1,44 +0,0 @@
afx-feed {
width: 100%;
}
afx-feed > div{
border:1px solid #a6a6a6;
border-radius: 6px;
background-color: #e9e9e9;
}
afx-feed > div > p{
padding:2px;
padding-top: 0;
padding-left: 5px;
margin: 0;
font-weight: bold;
border-bottom: 1px solid #a6a6a6;
position: relative;
}
afx-feed i.closable{
width: 16px;
height: 16px;
display: inline-block;
cursor: pointer;
}
afx-feed i.closable:before{
content: "\f00d";
font-family: "FontAwesome";
font-size: 10px;
right:5px;
color: #414339;
position:absolute;
font-style: normal;
top:5px;
}
afx-feed > div > div{
background-color: white;
padding:5px;
border-radius: 6px;
}
afx-feed > div > div > p{
padding:0;
margin: 0;
}

View File

@ -0,0 +1,87 @@
afx-file-view {
position: relative;
}
afx-file-view div.status{
position: absolute;
bottom: 0px;
left:0px;
padding:3px;
right: 0px;
height: 15px;
background-color: #dfdfdf;
border-top: 1px solid #a6A6a6;
}
afx-file-view afx-list-view li{
float:left;
display: block;
width:70px;
height: 60px;
background-color: transparent;
text-align: center;
padding:3px;
margin-right: 5px;
margin-bottom: 5px;
}
afx-file-view afx-list-view li:nth-child(odd){
background-color: transparent;
}
afx-file-view afx-list-view i.afx-dir:before{
content: "\f07b";
font-family: "FontAwesome";
font-size: 32px;
color: #414339;
font-weight: normal;
font-style: normal;
}
afx-file-view afx-list-view i{
width: 32px;
height: 32px;
display: block;
margin-left: 19px;
}
afx-file-view afx-list-view i.afx-file:before{
content: "\f016";
font-family: "FontAwesome";
font-size: 28px;
color: #414339;
font-style: normal;
font-weight: normal;
}
afx-file-view afx-list-view li.selected, afx-file-view afx-list-view li.selected i:before {
background-color: #116cd6;
color:white;
border-radius: 6px;
}
afx-file-view afx-grid-view i.afx-file:before{
content: "\f016";
font-family: "FontAwesome";
font-size: 16px;
color: #414339;
font-style: normal;
font-weight: normal;
}
afx-file-view afx-grid-view i.afx-dir:before{
content: "\f07b";
font-family: "FontAwesome";
font-size: 16px;
color: #414339;
font-style: normal;
font-weight: normal;
}
afx-file-view afx-grid-view i{
display: inline-block;
margin-right: 5px;
}
afx-file-view afx-grid-view afx-grid-row.selected i:before{
color:white;
}
afx-file-view afx-grid-view afx-grid-row.grid_row_header{
background-color: #dfdfdf;
}
afx-file-view afx-grid-view afx-grid-row.grid_row_header div{
border: 1px solid #a6a6a6;
}

View File

@ -7,6 +7,9 @@ afx-grid-view afx-grid-row div{
padding:3px;
padding-left: 5px;
padding-right: 5px;
user-select:none;
-webkit-user-select:none;
cursor:default;
}
afx-grid-view afx-grid-row:nth-child(even){
@ -15,13 +18,9 @@ afx-grid-view afx-grid-row:nth-child(even){
afx-grid-view afx-grid-row.grid_row_header div{
border-right: 2px solid #e5e5e5;
}
afx-grid-view afx-grid-row i.icon-style {
width: 16px;
height: 16px;
display: inline-block;
float:left;
user-select:none;
-webkit-user-select:none;
cursor:default;
}
afx-grid-view afx-grid-row.selected {
background-color: #116cd6;

View File

@ -0,0 +1,6 @@
afx-label i.icon-style {
width: 16px;
height: 16px;
display: inline-block;
float:left;
}

View File

@ -1,6 +1,7 @@
afx-list-view{
overflow:auto;
padding: 5px;
display: block;
}
/*
afx-list-view div.list-container{
@ -29,12 +30,6 @@ afx-list-view li{
afx-list-view li:nth-child(odd){
background-color: #f5F5F5;
}
afx-list-view i.icon-style {
width: 16px;
height: 16px;
display: inline-block;
float:left;
}
afx-list-view i.closable{
width: 16px;
height: 16px;

View File

@ -15,12 +15,6 @@ afx-menu ul{
padding:0;
margin: 0;
}
afx-menu i.icon-style {
width: 16px;
height: 16px;
display: inline-block;
float:left;
}
afx-menu afx-menu ul {

View File

@ -0,0 +1,20 @@
afx-switch span{
display: inline-block;
width: 30px;
height:24px;
cursor: pointer;
font-size: 24px;
font-family: "FontAwesome";
}
afx-switch span:before{
content: "\f204";
color: #414339;
font-style: normal;
font-weight: normal;
}
afx-switch span.swon:before{
content: "\f205";
color: #116cd6;
font-style: normal;
font-weight: normal;
}