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">
<button
(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]="{
'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 }}
</button>
</div>

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

@ -2,6 +2,12 @@
.down-line-button-container,
.link-land {
margin-left: -1rem;
button {
background-color: transparent;
display: block;
width: 100%;
text-align: left;
}
}
.image-preview {
border-radius: 100%;
@ -11,5 +17,8 @@
}
.href-preview {
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) {
this.choice_for_modal = choice;
this.url_href = '' + choice.url_href;
this.url_display = '' + choice.url_display;
this.display_option_dialog = true;
}

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

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

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

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