Skip to content

R
RLG Maker
Commit 9a3ce3f8 authored by Romain DELEAU's avatar Romain DELEAU
Browse files
Options

add icons white background

parent 0a2a4ea2
Show whitespace changes
Inline Side-by-side
Showing with 122 additions and 39 deletions
src/app/pieces/educational-objective/educational-objective.component.scss
View file @ 9a3ce3f8
......@@ -93,6 +93,9 @@
position: absolute;
top: 25px;
right: 5%;
background-color: white;
padding: 4px;
border-radius: 50%;
}
&-objective{
......
src/app/pieces/game-educationnal-objective/game-educationnal-objective.component.scss
View file @ 9a3ce3f8
......@@ -82,6 +82,9 @@
position: absolute;
top: 25px;
right: 5%;
background-color: white;
padding: 4px;
border-radius: 50%;
}
&-objective{
......
src/app/pieces/role/role.component.scss
View file @ 9a3ce3f8
......@@ -136,6 +136,9 @@
right: 30%;
top: 25px;
transform: scale(1.2);
background-color: white;
padding: 4px;
border-radius: 50%;
}
&-intitule {
......
src/app/pieces/tasks/annexe-task/annexe-task.component.scss
View file @ 9a3ce3f8
......@@ -231,15 +231,21 @@
&-comment {
transform: scale(1.2);
position: absolute;
top: 20px;
top: 8px;
right: 5%;
background-color: white;
border-radius: 50%;
padding: 4px;
}
&-repeat {
transform: scale(1.2);
position: absolute;
top: 45px;
top: 42px;
right: 5%;
background-color: white;
border-radius: 50%;
padding: 4px;
}
&-symbol {
......@@ -303,6 +309,9 @@
position: absolute;
right: 41%;
bottom: 25px;
border-radius: 50%;
background-color: white;
padding: 4px;
}
&-character {
......@@ -310,6 +319,9 @@
position: absolute;
left: 40%;
bottom: 25px;
border-radius: 50%;
background-color: white;
padding: 4px;
}
}
}
......
src/app/pieces/tasks/final-task/final-task.component.html
View file @ 9a3ce3f8
......@@ -118,8 +118,8 @@
<button mat-button class="piece-form-bottom-prerequires" (click)="changeDisplayPrerequires()">
Prérequis
</button>
<mat-icon class="piece-form-bottom-character" fontIcon="person" *ngIf="task.characters.length > 0"></mat-icon>
<mat-icon class="piece-form-bottom-interrupt" fontIcon="front_hand" *ngIf="task.interrupt != ''"></mat-icon>
<mat-icon class="piece-form-character" fontIcon="person" *ngIf="task.characters.length > 0"></mat-icon>
<mat-icon class="piece-form-interrupt" fontIcon="front_hand" *ngIf="task.interrupt != ''"></mat-icon>
<div class="piece-form-bottom-duration">
<input name="value" type="number" [(ngModel)]="task.duration" (input)="durationChange()"/>
<select name="unite" [(ngModel)]="task.durationUnit" (change)="durationChange()">
......
src/app/pieces/tasks/final-task/final-task.component.scss
View file @ 9a3ce3f8
......@@ -267,15 +267,21 @@
&-comment {
transform: scale(1.2);
position: absolute;
top: 20px;
top: 8px;
right: 25%;
border-radius: 50%;
background-color: white;
padding: 4px;
}
&-repeat {
transform: scale(1.2);
position: absolute;
top: 45px;
top: 42px;
right: 25%;
border-radius: 50%;
background-color: white;
padding: 4px;
}
&-symbol {
......@@ -336,11 +342,16 @@
justify-content: center;
}
}
&-interrupt {
transform: scale(1.2);
position: absolute;
right: 41%;
bottom: 25px;
border-radius: 50%;
background-color: white;
padding: 4px;
}
&-character {
......@@ -348,7 +359,9 @@
position: absolute;
left: 40%;
bottom: 25px;
}
border-radius: 50%;
background-color: white;
padding: 4px;
}
}
}
......
src/app/pieces/tasks/optionnal-task/optionnal-task.component.html
View file @ 9a3ce3f8
......@@ -119,8 +119,8 @@
<button mat-button class="piece-form-bottom-prerequires" (click)="changeDisplayPrerequires()">
Prérequis
</button>
<mat-icon class="piece-form-bottom-character" fontIcon="person" *ngIf="task.characters.length > 0"></mat-icon>
<mat-icon class="piece-form-bottom-interrupt" fontIcon="front_hand" *ngIf="task.interrupt != ''"></mat-icon>
<mat-icon class="piece-form-character" fontIcon="person" *ngIf="task.characters.length > 0"></mat-icon>
<mat-icon class="piece-form-interrupt" fontIcon="front_hand" *ngIf="task.interrupt != ''"></mat-icon>
<div class="piece-form-bottom-duration">
<input name="value" type="number" [(ngModel)]="task.duration" (input)="durationChange()"/>
<select name="unite" [(ngModel)]="task.durationUnit" (change)="durationChange()">
......
src/app/pieces/tasks/optionnal-task/optionnal-task.component.scss
View file @ 9a3ce3f8
......@@ -278,15 +278,21 @@
&-comment {
transform: scale(1.2);
position: absolute;
top: 20px;
top: 8px;
right: 25%;
border-radius: 50%;
background-color: white;
padding: 4px;
}
&-repeat {
transform: scale(1.2);
position: absolute;
top: 45px;
top: 42px;
right: 25%;
border-radius: 50%;
background-color: white;
padding: 4px;
}
&-symbol {
......@@ -347,11 +353,16 @@
justify-content: center;
}
}
&-interrupt {
transform: scale(1.2);
position: absolute;
right: 41%;
bottom: 25px;
border-radius: 50%;
background-color: white;
padding: 4px;
}
&-character {
......@@ -359,7 +370,9 @@
position: absolute;
left: 40%;
bottom: 25px;
}
border-radius: 50%;
background-color: white;
padding: 4px;
}
}
}
......
src/app/pieces/tasks/random-event/random-event.component.scss
View file @ 9a3ce3f8
......@@ -269,15 +269,21 @@
&-comment {
transform: scale(1.2);
position: absolute;
top: 20px;
top: 8px;
right: 25%;
border-radius: 50%;
background-color: white;
padding: 4px;
}
&-repeat {
transform: scale(1.2);
position: absolute;
top: 45px;
top: 42px;
right: 25%;
border-radius: 50%;
background-color: white;
padding: 4px;
}
&-symbol {
......@@ -343,6 +349,9 @@
position: absolute;
right: 41%;
bottom: 25px;
border-radius: 50%;
background-color: white;
padding: 4px;
}
&-character {
......@@ -350,6 +359,9 @@
position: absolute;
left: 40%;
bottom: 25px;
border-radius: 50%;
background-color: white;
padding: 4px;
}
}
}
......
src/app/pieces/tasks/repeat-task/repeat-task.component.scss
View file @ 9a3ce3f8
......@@ -96,6 +96,9 @@
position: absolute;
bottom: 35px;
left: 50px;
background-color: white;
padding: 4px;
border-radius: 50%;
}
&-repeat {
......@@ -103,6 +106,9 @@
position: absolute;
bottom: 35px;
left: 100px;
background-color: white;
padding: 4px;
border-radius: 50%;
}
&-character {
......@@ -110,6 +116,9 @@
position: absolute;
bottom: 35px;
left: 150px;
background-color: white;
padding: 4px;
border-radius: 50%;
}
&-interrupt {
......@@ -117,6 +126,9 @@
position: absolute;
bottom: 35px;
left: 200px;
background-color: white;
padding: 4px;
border-radius: 50%;
}
}
}
......
src/app/pieces/tasks/task/task.component.scss
View file @ 9a3ce3f8
......@@ -278,15 +278,21 @@
&-comment {
transform: scale(1.2);
position: absolute;
top: 20px;
top: 8px;
right: 25%;
border-radius: 50%;
background-color: white;
padding: 4px;
}
&-repeat {
transform: scale(1.2);
position: absolute;
top: 45px;
top: 42px;
right: 25%;
border-radius: 50%;
background-color: white;
padding: 4px;
}
&-symbol {
......@@ -352,6 +358,9 @@
position: absolute;
right: 41%;
bottom: 25px;
border-radius: 50%;
background-color: white;
padding: 4px;
}
&-character {
......@@ -359,6 +368,9 @@
position: absolute;
left: 40%;
bottom: 25px;
border-radius: 50%;
background-color: white;
padding: 4px;
}
}
}
......
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