Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Addons notice container removed for now

Browse source
This commit is contained in:
svetlagasheva 2020-03-09 13:59:33 +02:00
parent ccf559b945
commit 0ceaeffd7f
2 changed files with 0 additions and 85 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/routes/Addons/Addons.js
View file

@ -92,16 +92,6 @@ const Addons = ({ urlParams, queryParams }) => {
<div className={styles['addons-container']}>
<NavBar className={styles['nav-bar']} backButton={true} title={'Addons'} />
<div className={styles['addons-content']}>
<div className={styles['notice-container']}>
<Button className={styles['close-button-container']} title={'dismiss'}>
<div className={styles['label']}>dismiss</div>
<Icon className={styles['icon']} icon={'ic_x'} />
</Button>
<div className={styles['notice']}>
<Icon className={styles['icon']} icon={'ic_addons'} />
<div className={styles['label']}>This is your addon catalogue - here you can search and install addons to improve your watching experience.</div>
</div>
</div>
<div className={styles['selectable-inputs-container']}>
<div className={styles['selectable-inputs']}>
<Button className={styles['add-button-container']} title={'Add addon'} onClick={openAddAddonModal}>

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

@ -25,81 +25,6 @@
display: flex;
flex-direction: column;
align-self: stretch;
padding-top: 1.5rem;
.notice-container {
position: relative;
z-index: 0;
display: flex;
flex-direction: column;
margin: 1.5rem 3rem 0 3rem;
padding: 1.5rem;
background-color: @color-background;
.close-button-container {
position: absolute;
top: 0.5rem;
right: 0.5rem;
bottom: auto;
left: auto;
z-index: 1;
display: flex;
flex-direction: row;
align-items: center;
padding: 0.5rem;
&:hover, &:focus {
.label {
color: @color-secondaryvariant1-light1;
}
.icon {
fill: @color-secondaryvariant1-light1;
}
}
&:focus {
outline: none;
background-color: @color-surface-light5-20;
.label {
text-decoration: underline;
}
}
.label {
margin-right: 0.5rem;
opacity: 0.9;
color: @color-secondaryvariant1-dark1;
}
.icon {
width: 0.8rem;
height: 0.8rem;
fill: @color-secondaryvariant1-dark1;
}
}
.notice {
display: flex;
flex-direction: row;
align-items: center;
margin-right: 8rem;
.icon {
width: 2.3rem;
height: 2.3rem;
margin-right: 1rem;
fill: @color-secondaryvariant2;
}
.label {
font-size: 1.1rem;
opacity: 0.9;
color: @color-secondaryvariant1-light1;
}
}
}
.selectable-inputs-container {
flex: none;