Zmiana wyglądu przycisków -> materiały
This commit is contained in:
parent
e51700eadd
commit
ca5f1f2765
@ -12,31 +12,7 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
label
|
|
||||||
{
|
|
||||||
clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);
|
|
||||||
background-color: #000080;
|
|
||||||
width: 300px;
|
|
||||||
text-align: center;
|
|
||||||
border: 3px solid #000080;
|
|
||||||
border-bottom: #000080;
|
|
||||||
color: white;
|
|
||||||
cursor: pointer;
|
|
||||||
margin-top:10px;
|
|
||||||
font-size: x-large;
|
|
||||||
}
|
|
||||||
|
|
||||||
label:hover
|
|
||||||
{
|
|
||||||
background-color: orange;
|
|
||||||
border-color: orange;
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio-answer:checked + label
|
|
||||||
{
|
|
||||||
background-color: orange;
|
|
||||||
border-color: orange;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wrapper{
|
.wrapper{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -80,8 +56,5 @@ ag-grid-angular{
|
|||||||
margin: 10px;
|
margin: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio-answer
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
@ -9,10 +9,10 @@
|
|||||||
<button class="button" (click)="toFlashcardsMaker()"><i class="fas fa-plus"></i> Dodaj fiszki</button>
|
<button class="button" (click)="toFlashcardsMaker()"><i class="fas fa-plus"></i> Dodaj fiszki</button>
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="logged" class="btn-group btn-group-toggle" data-toggle="buttons">
|
<div *ngIf="logged" class="btn-group btn-group-toggle" data-toggle="buttons">
|
||||||
<label class="button active" (click)="ShowPublic()">
|
<label class="btn btn-study-cave active" (click)="ShowPublic()">
|
||||||
<input type="radio" class="radio-answer" name="options" id="option1" autocomplete="off" checked><i class="fas fa-globe"></i> Publiczne
|
<input type="radio" class="radio-answer" name="options" id="option1" autocomplete="off" checked><i class="fas fa-globe"></i> Publiczne
|
||||||
</label>
|
</label>
|
||||||
<label class="button" (click)="ShowPrivate()">
|
<label class="btn btn-study-cave " (click)="ShowPrivate()">
|
||||||
<input type="radio" class="radio-answer" name="options" id="option2" autocomplete="off"><i class="fas fa-user-secret"></i> Prywatne
|
<input type="radio" class="radio-answer" name="options" id="option2" autocomplete="off"><i class="fas fa-user-secret"></i> Prywatne
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
<div class="content">
|
<div class="content">
|
||||||
<div id="container-login">
|
<div id="container-login">
|
||||||
<button class="btn btn-study-cave" (click)="loginWithUsos()">Zaloguj przez USOS</button>
|
<button class="button" (click)="loginWithUsos()">Zaloguj przez USOS</button>
|
||||||
<br /><br /><br /><br />
|
<br /><br /><br /><br />
|
||||||
<div>
|
<div>
|
||||||
<form (ngSubmit)="login()">
|
<form (ngSubmit)="login()">
|
||||||
@ -8,7 +8,7 @@
|
|||||||
<input type = "text" [(ngModel)] = "model.username" name="username"><br />
|
<input type = "text" [(ngModel)] = "model.username" name="username"><br />
|
||||||
Hasło:<br />
|
Hasło:<br />
|
||||||
<input type = "password" [(ngModel)] = "model.password" name = "password"><br /><br />
|
<input type = "password" [(ngModel)] = "model.password" name = "password"><br /><br />
|
||||||
<input class="btn btn-study-cave" type="submit" value = "Zaloguj" />
|
<input class="button" type="submit" value = "Zaloguj" />
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -53,3 +53,14 @@ ag-grid-angular{
|
|||||||
.buttons-container > div{
|
.buttons-container > div{
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.button{
|
||||||
|
font-size: large;
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-right: 30px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p{
|
||||||
|
color:white;
|
||||||
|
}
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="buttons-container">
|
<div class="buttons-container">
|
||||||
<button class="btn btn-study-cave" routerLink="/materials/list"><i class="fas fa-arrow-left"></i> WRÓĆ DO LISTY</button>
|
<button class="button" routerLink="/materials/list"><i class="fas fa-arrow-left"></i> WRÓĆ DO LISTY</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="wrapper-add">
|
<div class="wrapper-add">
|
||||||
@ -33,10 +33,9 @@
|
|||||||
<b>Udostępnij publicznie</b>
|
<b>Udostępnij publicznie</b>
|
||||||
<br /><br />
|
<br /><br />
|
||||||
</div>
|
</div>
|
||||||
<button class="btn btn-study-cave" [disabled]="!selectedFiles" (click)="upload()"><i class="fas fa-check-circle"></i> Dodaj materiały!</button>
|
<button class="button" style ="font-size: x-large; padding-left: 30px; padding-right: 30px;" [disabled]="!selectedFiles" (click)="upload()"><i class="fas fa-check-circle"></i> Dodaj materiały!</button>
|
||||||
<br /><br />
|
<br /><br />
|
||||||
<button class="btn btn-study-cave" routerLink="/materials/list/"><i class="fas fa-arrow-left"></i> Powrót</button>
|
<button class="button" routerLink="/materials/list/"><i class="fas fa-arrow-left"></i> Powrót</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -19,3 +19,10 @@
|
|||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.button{
|
||||||
|
font-size: large;
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-right: 30px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
@ -45,3 +45,11 @@ ag-grid-angular{
|
|||||||
.buttons-container > div{
|
.buttons-container > div{
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.button{
|
||||||
|
font-size: large;
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-right: 30px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
<br />
|
<br />
|
||||||
<div class="buttons-container">
|
<div class="buttons-container">
|
||||||
<div *ngIf="logged">
|
<div *ngIf="logged">
|
||||||
<button class="btn btn-study-cave" (click)="toMaterialsMaker()"><i class="fas fa-plus"></i> Dodaj materiały</button>
|
<button class="button" (click)="toMaterialsMaker()"><i class="fas fa-plus"></i> Dodaj materiały</button>
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="logged" class="btn-group btn-group-toggle" data-toggle="buttons">
|
<div *ngIf="logged" class="btn-group btn-group-toggle" data-toggle="buttons">
|
||||||
<label class="btn btn-study-cave active" (click)="ShowPublic()">
|
<label class="btn btn-study-cave active" (click)="ShowPublic()">
|
||||||
|
@ -0,0 +1,6 @@
|
|||||||
|
.button{
|
||||||
|
font-size: large;
|
||||||
|
min-width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
|||||||
<div>
|
<div>
|
||||||
<button class="btn btn-study-cave" routerLink="/flashcards/sets"><i class="fas fa-scroll"></i> FISZKI</button>
|
<button class="button" routerLink="/flashcards/sets"><i class="fas fa-scroll"></i> FISZKI</button>
|
||||||
<button class="btn btn-study-cave" routerLink="/materials/list"><i class="fas fa-book-open"></i> MATERIAŁY</button>
|
<button class="button" routerLink="/materials/list"><i class="fas fa-book-open"></i> MATERIAŁY</button>
|
||||||
</div>
|
</div>
|
Loading…
Reference in New Issue
Block a user