Skip to content

R
RLG Maker
Commit 36c8fcef authored by Romain DELEAU's avatar Romain DELEAU
Browse files
Options

update supplementary-role

parent aed0b633
Hide whitespace changes
Inline Side-by-side
Showing with 75 additions and 48 deletions
src/app/pieces/role/role.component.html
View file @ 36c8fcef
......@@ -118,28 +118,34 @@
<button mat-button><mat-icon fontIcon="add"></mat-icon></button>
</div>
<div class="piece-form-title">Rôle supplémentaire</div>
<div class="piece-form-supplementary">
<div class="piece-form-title">Rôle supplémentaire</div>
<div>
<div class="piece-form-supplementary-name">
<label for="name">Nom</label>
<input name="name" type="text"/>
</div>
<div class="piece-form-supplementary-textarea">
<label for="objectives">Objectifs</label>
<textarea name="objectives"></textarea>
</div>
<div class="piece-form-supplementary-textarea">
<label for="skills">Compétences</label>
<textarea name="skills"></textarea>
</div>
<div class="piece-form-supplementary-textarea">
<label for="rules">Règles</label>
<textarea nam="rules"></textarea>
<div class="piece-form-supplementary-form">
<div>
<div class="piece-form-supplementary-form-name">
<label for="name">Nom</label>
<input name="name" type="text"/>
</div>
<div class="piece-form-supplementary-form-textarea">
<label for="objectives">Objectifs</label>
<textarea name="objectives"></textarea>
</div>
<div class="piece-form-supplementary-form-textarea">
<label for="skills">Compétences</label>
<textarea name="skills"></textarea>
</div>
<div class="piece-form-supplementary-form-textarea">
<label for="rules">Règles</label>
<textarea name="rules"></textarea>
</div>
<div class="piece-form-supplementary-form-color">
<label for="color">Couleur</label>
<input name="color" type="color"/>
</div>
</div>
</div>
<button mat-button><mat-icon fontIcon="add"></mat-icon></button>
</div>
<button class="piece-form-supplementary-form-add" mat-button><mat-icon fontIcon="add"></mat-icon></button>
</div>
</div>
src/app/pieces/role/role.component.scss
View file @ 36c8fcef
......@@ -3,7 +3,7 @@
width: 400px;
position: relative;
background: linear-gradient(303deg, rgb(2, 0, 36) 0%, rgb(2, 0, 36) 25%, #9ad5ec 25%, #9ad5ec 100%);
background-color: #9ad5ec;
&-menu {
position: absolute;
......@@ -237,7 +237,7 @@
display: flex;
flex-direction: row;
margin-bottom: 5px;
input[type="text"] {
margin-left: 5px;
}
......@@ -247,7 +247,7 @@
&-skill {
display: flex;
flex-direction: row;
select {
margin-left: 5px;
}
......@@ -255,7 +255,7 @@
&-add {
margin-top: 5px;
button {
width: 100%;
}
......@@ -325,37 +325,58 @@
}
&-supplementary {
margin-bottom: 25px;
padding-bottom: 10px;
background: linear-gradient(304deg, rgb(2, 0, 36) 0%, rgb(2, 0, 36) 50%, #9ad5ec 50%, #9ad5ec 100%);
width: 398px;
position: relative;
left: -34px;
&-name {
margin-top: 10px;
display: flex;
flex-direction: row;
justify-content: space-between;
&-form {
width: 350px;
margin-left: 33px;
margin-right: 10px;
}
&-textarea {
display: flex;
flex-direction: column;
&-name {
margin-top: 10px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
textarea {
height: 100px;
&-textarea {
display: flex;
flex-direction: column;
textarea {
height: 100px;
}
}
}
button {
position: relative;
width: 50px;
height: 50px;
background-color: white;
left: 100%;
transform: translateX(-100%);
margin-top: 5px;
border-radius: 10px;
&-color {
display: flex;
flex-direction: row;
margin-top: 10px;
mat-icon {
transform: scale(1.3);
label {
margin-right: 5px;
color: white;
}
}
&-add {
position: relative;
width: 50px;
height: 50px;
background-color: white;
left: 100%;
transform: translateX(-100%);
margin-top: 10px;
border-radius: 10px;
margin-bottom: 10px;
mat-icon {
transform: scale(1.3);
}
}
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment