Denys Vuika 2fa8283213 #82 datatable project cleanup
basic implementation of main features:

- custom data sources
- column types
- sorting by columns
- click events
2016-05-19 10:58:19 +01:00

70 lines
1.3 KiB
CSS

:host .full-width { width: 100%; }
:host .folder-thumbnail {
font-size: 48px;
cursor: pointer;
}
:host .document-thumbnail {
width: 48px;
height: 48px;
cursor: pointer;
}
:host .data-cell {
cursor: pointer;
}
:host .column-header {
cursor: pointer;
user-select: none;
-webkit-user-select: none; /* Chrome/Safari/Opera */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE/Edge */
-webkit-touch-callout: none; /* iOS Safari */
}
:host .parent-folder-link { cursor: pointer; }
:host .parent-folder-link > td { text-align: left; }
:host .folder-row-cell,
:host .document-row-cell {
cursor: pointer;
}
:host .folder-row-cell.name-column,
:host .document-row-cell.name-column {
font-size: 15px;
}
:host .folder-row-cell.name-column:hover,
:host .document-row-cell.name-column:hover {
cursor: pointer;
}
/* breadcrumb */
:host .breadcrumb {
text-align: left;
padding: 8px 15px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
margin: 0 0 4px;
}
:host .breadcrumb > li {
display: inline-block;
box-sizing: border-box;
}
:host .breadcrumb > li+li:before {
content: "/\00a0";
padding: 0 0 0 5px;
color: #ccc;
}
:host .breadcrumb > .active {
color: #777;
}