addons styles polished

This commit is contained in:
NikolaBorislavovHristov 2019-09-19 13:42:18 +03:00
parent 087814c8e9
commit dc259d9cf8

View file

@ -13,8 +13,11 @@
.addons-content {
flex: 1;
align-self: stretch;
display: flex;
flex-direction: column;
.top-bar-container {
flex: none;
display: flex;
flex-direction: row;
margin: 2rem;
@ -73,17 +76,10 @@
background-color: var(--color-backgroundlighter);
cursor: text;
&:hover {
&:hover, &:focus-within {
background-color: var(--color-surfacedarker60);
}
&:focus-within {
outline-width: var(--focus-outline-size);
outline-color: var(--color-surfacelighter);
outline-offset: calc(-1 * var(--focus-outline-size));
outline-style: solid;
}
.icon {
display: block;
width: 1.2rem;
@ -107,7 +103,8 @@
}
.addons-list-container {
max-height: calc(100% - 7rem);
flex: 1;
align-self: stretch;
padding: 0 2rem;
overflow-y: auto;