no border on some buttons, popup

This commit is contained in:
Tykayn 2022-02-15 14:15:40 +01:00 committed by tykayn
parent 9fa7704473
commit ed6b3794bf
7 changed files with 10 additions and 7 deletions

View File

@ -53,7 +53,7 @@
<div class="top">
<button
id="close_dialog"
class="button no-outline cancel-button-reject pull-right"
class="button no-outline cancel-button-reject pull-right has-no-border"
(click)="focusOnCancelButton()"
>
{{ 'SENTENCES.Close' | translate }} <img class="icon fa" src="assets/icons/x_blue.svg" />

View File

@ -86,7 +86,7 @@
<div class="column is-narrow">
<button
id="close_dialog"
class="button cancel-button-reject pull-right has-text-right"
class="button cancel-button-reject pull-right has-text-right has-no-border"
(click)="closeModalAndFocusOnOpenModalButton()"
>
{{ 'SENTENCES.Close' | translate }} <img class="icon fa" src="assets/icons/x_blue.svg" />

View File

@ -120,7 +120,7 @@
<div class="top">
<button
id="close_dialog"
class="button cancel-button-reject pull-right img-marged-left"
class="button cancel-button-reject pull-right img-marged-left has-no-border"
(click)="focusOnCancelButton()"
>
{{ 'SENTENCES.Close' | translate }}

View File

@ -35,7 +35,7 @@
<div class="top">
<button
id="close_dialog{{ idSuffix }}"
class="button cancel-button-reject pull-right img-marged-left"
class="button cancel-button-reject pull-right img-marged-left has-no-border"
lang="{{ currentLang }}"
(click)="focusOnCancelButton()"
>
@ -53,7 +53,7 @@
<div *ngFor="let language of availableLanguages" (click)="language_to_apply = language">
<label
[attr.for]="'#lang_' + language"
class="lang-element button"
class="lang-element button has-text-left"
[ngClass]="{
'is-primary': language_to_apply === language,
'is-current': language === currentLang

View File

@ -35,11 +35,11 @@
.lang-element {
float: left;
margin: 0.5em;
min-width: 8em;
border: 0;
border-radius: 2rem;
padding: 0.5rem 0.25rem;
padding-right: 1rem;
min-width: 12em;
&:hover {
background: $primary_color;

View File

@ -17,7 +17,7 @@ export class LanguageSelectorComponent implements OnInit {
public availableLanguages: any = ['FR', 'EN', 'ES'];
language: string;
language_to_apply: string;
display_lang_dialog: boolean = true;
display_lang_dialog: boolean = false;
constructor(
private languageService: LanguageService,

View File

@ -96,6 +96,9 @@ textarea {
display: inline-block;
padding: 10px 30px;
height: auto;
&.has-no-border {
border: 0;
}
}
.button {