Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-08-19 14:35:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

AddonDetailsModal styles adapted to design changes

Browse source
This commit is contained in:
svetlagasheva 2020-03-06 16:24:49 +02:00
parent 00e7a987ff
commit 02fce70034
1 changed files with 21 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/common/AddonDetailsModal/styles.less
View file

@ -1,10 +1,11 @@
@import (reference) '~stremio-colors/dist/less/stremio-colors.less';
:import('~stremio/common/ModalDialog/styles.less') {
label: label;
}
.addon-details-modal-container {
.addon-details-container, .addon-details-message-container {
width: 60rem;
max-width: 100%;
}
@ -15,20 +16,29 @@
}
}
.cancel-button, .uninstall-button {
background-color: transparent;
outline-width: var(--focus-outline-size);
outline-offset: calc(-1 * var(--focus-outline-size));
outline-color: var(--color-surfacedarker);
outline-style: solid;
.uninstall-button, .cancel-button {
&:focus {
outline-color: @color-background-dark5;
}
}
&:hover, &:focus {
filter: none;
background: var(--color-surfacelight);
.cancel-button {
background-color: transparent;
&:hover {
background-color: @color-surface-light3;
}
.label {
color: var(--color-surfacedarker);
color: @color-surface-dark2;
}
}
.uninstall-button {
background-color: @color-accent2;
&:hover {
background-color: @color-accent2-light2;
}
}
}