mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
basic implementation of main features: - custom data sources - column types - sorting by columns - click events
70 lines
1.3 KiB
CSS
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;
|
|
}
|