tykayn/funky-framadate-front
1
1
Fork 1
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git synced 2023-08-25 13:53:14 +02:00
Code Issues Projects Releases Wiki Activity

update modal content on text edit click button

Browse Source
This commit is contained in:
Tykayn 2022-03-14 17:18:02 +01:00 committed by tykayn
parent fef2e7e78c
commit 9a6a052608
5 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/features/administration/form/option-link/option-link.component.html
View File

@ -17,13 +17,12 @@
<div class="link-land"> <div class="link-land">
<button <button
(click)="openLinkModal(choice)" (click)="openLinkModal(choice)"
class="link-button has-background-icon-left is-filtered-icon-primary is-fullwidth" class="has-no-border has-background-icon-left is-filtered-icon-primary is-fullwidth"
[ngClass]="{ [ngClass]="{
'has-background-edit': url_href || url_display, 'has-background-edit': url_href || url_display,
'has-background-link-icon': url_href || url_display 'has-background-link-icon': !url_href && !url_display
}" }"
> >
<!-- {{evalChoiceUrl(choice)}} , -->
{{ evalChoiceUrl(choice) | translate }} {{ evalChoiceUrl(choice) | translate }}
</button> </button>
</div> </div>

9
src/app/features/administration/form/option-link/option-link.component.scss
View File

@ -2,6 +2,12 @@
.down-line-button-container, .down-line-button-container,
.link-land { .link-land {
margin-left: -1rem; margin-left: -1rem;
button {
background-color: transparent;
display: block;
width: 100%;
text-align: left;
}
} }
.image-preview { .image-preview {
border-radius: 100%; border-radius: 100%;
@ -11,5 +17,8 @@
} }
.href-preview { .href-preview {
color: #6359cf; color: #6359cf;
a {
text-decoration: underline;
}
} }
} }

2
src/app/features/administration/form/option-link/option-link.component.ts
View File

@ -23,6 +23,8 @@ export class OptionLinkComponent implements OnInit {
openLinkModal(choice: ChoiceText) { openLinkModal(choice: ChoiceText) {
this.choice_for_modal = choice; this.choice_for_modal = choice;
this.url_href = '' + choice.url_href;
this.url_display = '' + choice.url_display;
this.display_option_dialog = true; this.display_option_dialog = true;
} }

5
src/styles/dev-utilities/_helpers.scss
View File

@ -85,8 +85,8 @@
.has-no-padding { .has-no-padding {
padding: 0; padding: 0;
} }
// filters made with https://codepen.io/sosuke/pen/Pjoqqp
// filters made with https://codepen.io/sosuke/pen/Pjoqqp
.is-filtered-icon-primary { .is-filtered-icon-primary {
filter: invert(48%) sepia(68%) saturate(6489%) hue-rotate(233deg) brightness(89%) contrast(81%); filter: invert(48%) sepia(68%) saturate(6489%) hue-rotate(233deg) brightness(89%) contrast(81%);
} }
@ -109,6 +109,9 @@
} }
.has-background-icon-left { .has-background-icon-left {
padding-left: 44px; padding-left: 44px;
&:hover {
color: $secondary_color;
}
} }
// icone bg // icone bg
.has-background-transparent { .has-background-transparent {

1
src/styles/partials/_buttons.scss
View File

@ -197,6 +197,7 @@ a {
line-height: 20px; line-height: 20px;
@extend .outlined; @extend .outlined;
margin-top: -0.5rem; margin-top: -0.5rem;
background-color: transparent;
&:hover { &:hover {
color: $white !important; color: $white !important;