mirror of
https://github.com/Alfresco/alfresco-content-app.git
synced 2025-07-31 17:38:28 +00:00
[ACS-4792] provide support for style linting (#3055)
* [ACS-4792] provide support for style linting * style fixes * style fixes * style fixes * disable yarn licenses until the issue is fixed * fix package lock * fix after rebase
This commit is contained in:
@@ -1,7 +1,3 @@
|
||||
.app-create-menu:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.app-create-menu {
|
||||
.mat-stroked-button {
|
||||
width: 100%;
|
||||
@@ -26,7 +22,7 @@
|
||||
&:not(.app-create-menu-secondary-button) {
|
||||
background-color: var(--theme-accent-color);
|
||||
color: var(--theme-accent-color-default-contrast);
|
||||
margin-top: 0px;
|
||||
margin-top: 0;
|
||||
|
||||
.mat-icon {
|
||||
color: var(--theme-accent-color-default-contrast);
|
||||
@@ -46,25 +42,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
&--collapsed {
|
||||
outline: none;
|
||||
color: var(--theme-secondary-text-color);
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
border: none;
|
||||
background: none;
|
||||
|
||||
&:not(.app-create-menu-secondary-button) {
|
||||
.app-create-menu--icon {
|
||||
color: var(--theme-accent-color);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: var(--theme-accent-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.app-create-menu--icon {
|
||||
&__sub-menu {
|
||||
.mat-menu-item {
|
||||
@@ -94,4 +71,27 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&--collapsed {
|
||||
outline: none;
|
||||
color: var(--theme-secondary-text-color);
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
border: none;
|
||||
background: none;
|
||||
|
||||
&:not(.app-create-menu-secondary-button) {
|
||||
.app-create-menu--icon {
|
||||
color: var(--theme-accent-color);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: var(--theme-accent-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.app-create-menu:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
@@ -1,5 +1,5 @@
|
||||
.app-header {
|
||||
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.02), 0px 6px 10px 0px rgba(0, 0, 0, 0.014), 0px 1px 18px 0px rgba(0, 0, 0, 0.012);
|
||||
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.02), 0 6px 10px 0 rgba(0, 0, 0, 0.014), 0 1px 18px 0 rgba(0, 0, 0, 0.012);
|
||||
z-index: 2;
|
||||
|
||||
.mat-toolbar {
|
||||
|
@@ -2,10 +2,6 @@
|
||||
display: flex;
|
||||
max-width: 400px;
|
||||
|
||||
.form {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.form__version {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -17,6 +13,7 @@
|
||||
}
|
||||
|
||||
.form {
|
||||
width: 100%;
|
||||
padding: 0 10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
@@ -1,5 +1,21 @@
|
||||
$top-margin: 12px;
|
||||
|
||||
.app-suffix-search-icon-wrapper {
|
||||
height: 6px;
|
||||
margin: 14px 1px;
|
||||
float: left;
|
||||
|
||||
.mat-icon {
|
||||
font-size: 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.app-clear-icon {
|
||||
font-size: 18px;
|
||||
margin: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-search-container {
|
||||
margin-top: -$top-margin;
|
||||
padding-top: 2px;
|
||||
@@ -43,19 +59,3 @@ $top-margin: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.app-suffix-search-icon-wrapper {
|
||||
height: 6px;
|
||||
margin: 14px 1px;
|
||||
float: left;
|
||||
|
||||
.mat-icon {
|
||||
font-size: 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.app-clear-icon {
|
||||
font-size: 18px;
|
||||
margin: 3px;
|
||||
}
|
||||
}
|
||||
|
@@ -6,6 +6,9 @@ $top-margin: 12px;
|
||||
|
||||
.app-search-container {
|
||||
color: var(--theme-foreground-text-color);
|
||||
width: 100%;
|
||||
max-width: $search-width;
|
||||
height: $search-height + $top-margin;
|
||||
|
||||
.app-input-form-field {
|
||||
.mat-input-element {
|
||||
@@ -37,11 +40,6 @@ $top-margin: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
#search-options {
|
||||
color: var(--theme-text-color);
|
||||
border-top: 1px solid var(--theme-divider-color);
|
||||
}
|
||||
|
||||
mat-checkbox {
|
||||
.mat-checkbox-frame {
|
||||
border-color: var(--theme-text-color);
|
||||
@@ -56,17 +54,13 @@ mat-checkbox {
|
||||
height: $search-height;
|
||||
}
|
||||
|
||||
.app-search-container {
|
||||
width: 100%;
|
||||
max-width: $search-width;
|
||||
height: $search-height + $top-margin;
|
||||
}
|
||||
|
||||
.app-search-control {
|
||||
margin-top: -$top-margin;
|
||||
}
|
||||
|
||||
#search-options {
|
||||
color: var(--theme-text-color);
|
||||
border-top: 1px solid var(--theme-divider-color);
|
||||
padding: 20px 0;
|
||||
font-size: 16px;
|
||||
letter-spacing: -0.7px;
|
||||
|
@@ -5,12 +5,13 @@
|
||||
|
||||
&__content {
|
||||
@include flex-column;
|
||||
|
||||
border-left: 1px solid #eee;
|
||||
}
|
||||
|
||||
&__content-header {
|
||||
display: flex;
|
||||
padding: 0 25px 0 25px;
|
||||
padding: 0 25px;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #eee;
|
||||
@@ -28,6 +29,7 @@
|
||||
|
||||
.content {
|
||||
@include flex-row;
|
||||
|
||||
flex: unset;
|
||||
height: unset;
|
||||
padding-top: 8px;
|
||||
@@ -36,6 +38,7 @@
|
||||
|
||||
&__side--left {
|
||||
@include flex-column;
|
||||
|
||||
height: unset;
|
||||
}
|
||||
}
|
||||
|
@@ -1,5 +1,4 @@
|
||||
.aca-search-results-row {
|
||||
|
||||
.result-location {
|
||||
height: 15px;
|
||||
padding-top: 3px;
|
||||
|
@@ -15,12 +15,13 @@ $contrast-gray: #646569;
|
||||
|
||||
&__content {
|
||||
@include flex-column;
|
||||
|
||||
border-left: 1px solid #eee;
|
||||
}
|
||||
|
||||
&__content-header {
|
||||
display: flex;
|
||||
padding: 0 25px 0 25px;
|
||||
padding: 0 25px;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #eee;
|
||||
@@ -30,6 +31,7 @@ $contrast-gray: #646569;
|
||||
background-color: $adf-chip-background;
|
||||
color: $contrast-gray;
|
||||
}
|
||||
|
||||
.adf-search-filter-placeholder {
|
||||
color: $contrast-gray;
|
||||
}
|
||||
@@ -63,7 +65,7 @@ $contrast-gray: #646569;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: space-between;
|
||||
margin: 5px 5px;
|
||||
margin: 5px;
|
||||
padding-right: 24px;
|
||||
}
|
||||
|
||||
@@ -113,7 +115,6 @@ $contrast-gray: #646569;
|
||||
}
|
||||
|
||||
.adf-datatable {
|
||||
|
||||
aca-search-action-menu button {
|
||||
width: 0;
|
||||
}
|
||||
|
@@ -6,20 +6,6 @@
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.aca-menu-panel {
|
||||
.action-button--active {
|
||||
color: var(--theme-accent-color) !important;
|
||||
}
|
||||
|
||||
.action-button {
|
||||
color: var(--theme-primary-color);
|
||||
}
|
||||
|
||||
.action-button:hover {
|
||||
color: var(--theme-accent-color);
|
||||
}
|
||||
}
|
||||
|
||||
.sidenav {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
@@ -27,10 +13,6 @@
|
||||
height: 100%;
|
||||
background-color: var(--theme-background-color);
|
||||
|
||||
.section:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.action-menu {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -52,6 +34,10 @@
|
||||
border-bottom: 1px solid var(--theme-divider-color);
|
||||
}
|
||||
|
||||
.section:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.section--collapsed {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -88,13 +74,6 @@
|
||||
margin: 0 8px !important;
|
||||
}
|
||||
|
||||
.app-item,
|
||||
.app-item .item {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.item {
|
||||
padding: 12px 0;
|
||||
flex-direction: row;
|
||||
@@ -106,6 +85,13 @@
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.app-item,
|
||||
.app-item .item {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.item:hover .action-button__label {
|
||||
color: var(--theme-primary-color);
|
||||
}
|
||||
@@ -143,7 +129,22 @@
|
||||
}
|
||||
}
|
||||
|
||||
.aca-menu-panel {
|
||||
.action-button--active {
|
||||
color: var(--theme-accent-color) !important;
|
||||
}
|
||||
|
||||
.action-button {
|
||||
color: var(--theme-primary-color);
|
||||
}
|
||||
|
||||
.action-button:hover {
|
||||
color: var(--theme-accent-color);
|
||||
}
|
||||
}
|
||||
|
||||
[dir='rtl'] .sidenav {
|
||||
/* stylelint-disable-next-line no-descending-specificity */
|
||||
.mat-expansion-panel-header {
|
||||
padding: 0 0 0 8px !important;
|
||||
}
|
||||
|
@@ -10,6 +10,7 @@ app-view-profile {
|
||||
|
||||
.app-profile-row {
|
||||
width: 100%;
|
||||
margin: 2rem 0 0;
|
||||
}
|
||||
|
||||
.app-profile-title {
|
||||
@@ -84,13 +85,7 @@ app-view-profile {
|
||||
box-shadow: 0 0 2px (--theme-blue-button-color);
|
||||
}
|
||||
|
||||
.app-profile-row {
|
||||
width: 100%;
|
||||
margin: 2rem 0 0 0;
|
||||
}
|
||||
|
||||
.app-general-edit {
|
||||
margin: 0.7rem;
|
||||
background: var(--theme-grey-text-background-color);
|
||||
height: 30px;
|
||||
margin: 1rem;
|
||||
@@ -122,7 +117,7 @@ app-view-profile {
|
||||
}
|
||||
|
||||
.app-general-dropdown {
|
||||
padding: 0rem 1rem;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
.app-general-dropdown-details {
|
||||
|
Reference in New Issue
Block a user