mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
3033102ae4
* [ADF-1935] Content on widgets now wraps when viewing it on a small device * [ADF-1935] Width property replaced for flex property * [ADF-1935] Query modified to work with variable * [ADF-1935] Removed unnecessary styling classes
104 lines
2.6 KiB
SCSS
104 lines
2.6 KiB
SCSS
@mixin adf-process-service-component-theme($theme){
|
|
.adf-no-form-container {
|
|
text-align: center;
|
|
font-weight: 600;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.adf-grid {
|
|
|
|
.adf-grid-item {
|
|
margin: 4px;
|
|
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
|
|
padding: 10px;
|
|
}
|
|
|
|
.adf-list-buttons {
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.adf-list-buttons-start {
|
|
width: 100%;
|
|
}
|
|
|
|
.adf-tasks-list.small-pagination,
|
|
.adf-processes-list.small-pagination {
|
|
.adf-pagination {
|
|
|
|
flex-wrap: wrap;
|
|
padding-bottom: 24px;
|
|
padding-top: 8px;
|
|
|
|
&__block {
|
|
border-right: none;
|
|
}
|
|
|
|
&__range-block.adf-pagination__block:first-child {
|
|
order: 1;
|
|
width: 60%;
|
|
flex: 0 0 auto;
|
|
box-sizing: border-box;
|
|
padding-left: 2px;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
&__perpage-block {
|
|
order: 3;
|
|
width: 60%;
|
|
box-sizing: border-box;
|
|
padding-left: 2px;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
&__actualinfo-block {
|
|
order: 2;
|
|
width: 40%;
|
|
box-sizing: border-box;
|
|
padding-right: 2px;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
&__controls-block {
|
|
order: 4;
|
|
width: 40%;
|
|
box-sizing: border-box;
|
|
padding-right: 2px;
|
|
justify-content: flex-end;
|
|
}
|
|
}
|
|
}
|
|
|
|
.adf-list {
|
|
.adf-data-table {
|
|
border: none;
|
|
}
|
|
|
|
.adf-data-table tr,
|
|
.adf-data-table td {
|
|
height: 36px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.adf-data-table td {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.adf-data-table th {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
height: 40px;
|
|
vertical-align: middle;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
@media screen and ($mat-small) {
|
|
container-widget .grid-list {
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
}
|
|
}
|