Files
alfresco-content-app/projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.scss
AleksanderSklorz 5508ff1362 [ACA-4712] disallow using important for styles (#3368)
* ACA-4712 Added rule to prevent using important for styles

* ACA-4712 Removed important from some global styles and from manage rule component

* ACA-4712 Removed important from rest global and theme styles

* ACA-4712 Removed usages of important from styles for components
2023-07-26 09:43:14 +02:00

97 lines
1.8 KiB
SCSS

.aca-manage-rules {
&__actions-bar {
padding: 0 30px;
display: flex;
align-items: center;
.aca-page-title {
margin-left: 18px;
}
&__title {
align-items: center;
flex: 1;
}
&__buttons {
display: flex;
align-items: stretch;
gap: 12px;
}
.mat-slide-toggle-label {
font-weight: 600;
font-size: 14px;
}
.vertical-divider {
height: 50%;
margin: 0 12px;
}
}
&__container {
display: grid;
grid-template-columns: minmax(250px, 1fr) 3fr;
padding: 20px;
gap: 12px;
overflow-y: auto;
flex: 1;
&__rule-details {
border: 1px solid var(--theme-border-color);
border-radius: 12px;
overflow-y: auto;
&__header {
position: sticky;
top: 0;
z-index: 1;
display: flex;
flex-direction: row;
align-items: flex-start;
overflow-x: auto;
justify-content: space-between;
padding: 12px 20px;
border-bottom: 1px solid var(--theme-border-color);
background-color: var(--theme-background-color);
column-gap: 20px;
&__title {
display: flex;
flex-direction: column;
gap: 4px;
word-wrap: break-word;
min-width: 100px;
&__name {
font-size: 1.2em;
font-weight: bold;
}
&__description {
font-size: 0.8em;
font-style: italic;
}
}
&__buttons {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 4px;
button {
color: var(--theme-text-color);
&#delete-rule-btn {
padding: 0 8px;
min-width: unset;
}
}
}
}
}
}
}