Website Summary Files Commits Branches @commit @diff @stats
path: root / src / app / components / profile-settings / profile-settings.component.html
diff options
context:
space:
mode:
Commitf72daa97fd8bfbaba9f7d6874131a61b3e1c49ba (patch)
Author
 Syndamia <kamen.d.mladenov@protonmail.com>
2021-03-29 14:52:03 +0300
Committer
 Syndamia <kamen.d.mladenov@protonmail.com>
2021-03-29 14:52:03 +0300
Files2324af3d201c3e18c472941ea780e40aa7dcc3c4 /src/app/components/profile-settings/profile-settings.component.html
DevHive-Angular-f72daa97fd8bfbaba9f7d6874131a61b3e1c49ba.tar
DevHive-Angular-f72daa97fd8bfbaba9f7d6874131a61b3e1c49ba.tar.gz
DevHive-Angular-f72daa97fd8bfbaba9f7d6874131a61b3e1c49ba.zip
Parent64ec7f26f91ffaad64dbd47142fb7969ef6ea32c (diff)
Added basic effects and skeleton of functionality for clicking available technologies and languages in profile settings
1 files changed, 2 insertions, 2 deletions
-rw-r--r--src/app/components/profile-settings/profile-settings.component.html4
diff --git a/src/app/components/profile-settings/profile-settings.component.html b/src/app/components/profile-settings/profile-settings.component.html
index dd3d186..e792f9f 100644
--- a/src/app/components/profile-settings/profile-settings.component.html
+++ b/src/app/components/profile-settings/profile-settings.component.html
@@ -81,7 +81,7 @@
Available languages:
</div>
<div class="flex-row margin-top-dot4">
- <div class="sec-info border-radius-dot5r padding-dot2" *ngFor="let lang of availableLanguages">
+ <div class="sec-info border-radius-dot5r padding-dot2 hover-half-opacity click-effect" *ngFor="let lang of availableLanguages" (click)="langClick(lang.name)">
{{ lang.name }}
</div>
</div>
@@ -103,7 +103,7 @@
Available technologies:
</div>
<div class="flex-row margin-top-dot4">
- <div class="sec-info border-radius-dot5r padding-dot2" *ngFor="let tech of availableTechnologies">
+ <div class="sec-info border-radius-dot5r padding-dot2 hover-half-opacity click-effect" *ngFor="let tech of availableTechnologies" (click)="techClick(tech.name)">
{{ tech.name }}
</div>
</div>