Fix errors in sort-selector edit, tweak styles (59827089) · Commits · Minds / Minds Frontend

src/app/common/components/sort-selector/sort-selector.component.scss

+119 −103

Original line number	Original line	Diff line number	Diff line
	@@ -10,6 +10,11 @@ m-sort-selector {

	.m-dropdown--list--item {		.m-dropdown--list--item {
	cursor: pointer;		cursor: pointer;

			@include m-theme(){
			color: themed($m-grey-700);
			}

	&.m-sort-selector--custom-type-item,		&.m-sort-selector--custom-type-item,
	&.m-sort-selector--algorithm-item {		&.m-sort-selector--algorithm-item {
	width: auto;		width: auto;
	@@ -31,8 +36,13 @@ m-sort-selector {
	.m--sort-selector-label {		.m--sort-selector-label {
	display: inline;		display: inline;
	}		}
			@include m-theme() {
			color: themed($m-grey-700);
	}		}
	}		}
			margin-left: 4px;
			margin-right: 4px;
			}

	.m-sort-selector--item-label-icon {		.m-sort-selector--item-label-icon {
	font-size: 18px;		font-size: 18px;
	@@ -49,7 +59,7 @@ m-sort-selector {

	.m-dropdown--list--item--disabled {		.m-dropdown--list--item--disabled {
	@include m-theme() {		@include m-theme() {
	color: themed($m-grey-300);		color: themed($m-grey-400);
	}		}
	}		}

	@@ -83,7 +93,7 @@ m-sort-selector {

	.m-sort-selector--algorithm-dropdown,		.m-sort-selector--algorithm-dropdown,
	.m-sort-selector--period-dropdown {		.m-sort-selector--period-dropdown {
	.li {		.m-dropdown--list {
	right: auto;		right: auto;
	left: 0;		left: 0;
	}		}
	@@ -92,6 +102,9 @@ m-sort-selector {
	.m-sort-selector--algorithm-dropdown {		.m-sort-selector--algorithm-dropdown {
	text-align: center;		text-align: center;
	display: block;		display: block;
			@include m-theme() {
			border-right: 1px solid themed($m-grey-50);
			}
	}		}

	.m-sort-selector--custom-type-dropdown {		.m-sort-selector--custom-type-dropdown {
	@@ -99,5 +112,8 @@ m-sort-selector {
	margin-right: 8px;		margin-right: 8px;
	text-align: center;		text-align: center;
	}		}
			@include m-theme() {
			border-left: 1px solid themed($m-grey-50);
			}
	}		}
	}		}