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