boudjeml/parcoursup
boudjeml/parcoursup
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

$

Browse Source
This commit is contained in:
lalBi94 2023-03-06 05:08:18 +01:00
parent 8f7ca95598
commit 01738fcfa8
2 changed files with 38 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/global/selector/fd.json
View File

File diff suppressed because one or more lines are too long

49
src/components/global/selector/selector.riot
View File

@ -2,9 +2,11 @@
<style>
#selector {
width: 300px;
min-height: 625px;
padding: 15px;
box-shadow: 0px 0px 3px 1px black;
height: auto;
padding: 20px;
box-shadow: 0px 0px 9px 1px black;
background: #7A90A4;
border-radius: 10px;
}
#selector
@ -21,20 +23,29 @@
#selector
#selector-top-container
#selector-top-btn {
background: white;
color: black;
background: #344D59;
color: white;
border-color: black;
width: 20px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5rem;
}
#selector
#selector-top-container
#selector-top-btn:hover {
background: #4f7689;
transition: 0.5s;
transform: scale(1.005);
}
#selector
#selector-top-container
#selector-top-title {
text-transform: uppercase;
font-weight: bold;
color: white;
}
#selector
@ -45,7 +56,6 @@
flex-direction: row;
justify-content: space-between;
font-weight: bold;
color: black;
list-style-type: none;
}
@ -54,8 +64,19 @@
#selector-list
.selector-list-names {
text-decoration: none;
color: black;
padding-left: 18px;
color: white;
justify-self: center;
padding: 4px;
}
#selector
#selector-list-container
#selector-list
.selector-list-names:hover {
background: #344D59;
cursor: pointer;
transition: 0.5s;
transform: scale(1.05);
}
#selector
@ -164,7 +185,13 @@
<span id="selector-top-title">
{ this.state.page.name[this.state.page.curIndex] }
</span>
<button onclick={ previousPage } id="selector-top-btn">&lt;</button>
<button
if={ this.state.page.curIndex > 0 }
onclick={ previousPage }
id="selector-top-btn">
&lt;
</button>
</div>
<div id="selector-list-container">