Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-28 12:58:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

set modal dialogs width in addons screen

Browse source
This commit is contained in:
svetlagasheva 2020-03-09 18:40:55 +02:00
parent fb6fb60b6c
commit ed8136207a
3 changed files with 26 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -6,6 +6,7 @@
.addon-details-modal-container {
.addon-details-container, .addon-details-message-container {
width: 40rem;
max-width: 100%;
}

2
src/common/SharePrompt/styles.less
View file

@ -1,6 +1,8 @@
@import (reference) '~stremio-colors/dist/less/stremio-colors.less';
.share-prompt-container {
min-width: 30rem;
.buttons-container {
display: flex;
flex-direction: row;

41
src/routes/Addons/styles.less
View file

@ -5,6 +5,7 @@
}
:import('~stremio/common/ModalDialog/styles.less') {
add-addon-modal-content: modal-dialog-content;
cancel-button-label: label;
}
@ -160,27 +161,31 @@
}
.add-addon-modal-container {
.notice {
margin-bottom: 1.5rem;
font-size: 1rem;
color: @color-background-dark5-90;
}
.add-addon-modal-content {
width: 30rem;
.addon-url-input {
width: 100%;
padding: 0.8rem;
color: @color-surface-dark5;
border: var(--focus-outline-size) solid @color-surface-light2;
&:hover, &:focus {
outline-style: solid;
outline-width: var(--focus-outline-size);
outline-color: @color-surface-light4;
outline-offset: calc(-1 * var(--focus-outline-size));
.notice {
margin-bottom: 1.5rem;
font-size: 1rem;
color: @color-background-dark5-90;
}
&:focus {
outline-color: @color-background-dark5;
.addon-url-input {
width: 100%;
padding: 0.8rem;
color: @color-surface-dark5;
border: var(--focus-outline-size) solid @color-surface-light2;
&:hover, &:focus {
outline-style: solid;
outline-width: var(--focus-outline-size);
outline-color: @color-surface-light4;
outline-offset: calc(-1 * var(--focus-outline-size));
}
&:focus {
outline-color: @color-background-dark5;
}
}
}