Revision 55370
Added by Konstantina Galouni about 5 years ago
| communities.component.html | ||
|---|---|---|
| 10 | 10 |
<div *ngIf="managerOfCommunities.length > 0 || subscriberOfCommunities.length > 0"> |
| 11 | 11 |
<h3 class="uk-margin-large-top">My Communities</h3> |
| 12 | 12 |
<div *ngIf="managerOfCommunities.length > 0"> |
| 13 |
<h5 class="uk-margin-remove-bottom">You are managing</h5>
|
|
| 13 |
<h5 class="uk-margin-small-bottom">You are managing</h5>
|
|
| 14 | 14 |
<div class="uk-container"> |
| 15 | 15 |
|
| 16 | 16 |
<div class="uk-grid-match uk-grid-small uk-child-width-1-5@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community-title"> |
| 17 | 17 |
<div *ngFor="let community of managerOfCommunities.slice(0,3); let i = index"> |
| 18 | 18 |
<div class="uk-padding-small uk-height-max-medium uk-card uk-card-default" |
| 19 |
[attr.uk-tooltip]="((community.description) ? ('title: '+ community.description) : 'cls: uk-invisible')">
|
|
| 19 |
[attr.uk-tooltip]="((community.description) ? ('title: '+ community.description + '; pos: bottom-right') : 'cls: uk-invisible')">
|
|
| 20 | 20 |
<browse-community [community]="community" [showDescription]="false" [isManager]="true"></browse-community> |
| 21 | 21 |
</div> |
| 22 | 22 |
</div> |
| ... | ... | |
| 37 | 37 |
</div> |
| 38 | 38 |
|
| 39 | 39 |
<div *ngIf="subscriberOfCommunities.length > 0"> |
| 40 |
<h5 class="uk-margin-remove-bottom uk-margin-small-top">You are subscribed to</h5>
|
|
| 40 |
<h5 class="uk-margin-small-bottom uk-margin-small-top">You are subscribed to</h5>
|
|
| 41 | 41 |
<div class="uk-container"> |
| 42 | 42 |
|
| 43 | 43 |
<div class="uk-grid-match uk-grid-small uk-child-width-1-5@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community-title"> |
| 44 | 44 |
<div *ngFor="let community of subscriberOfCommunities.slice(0,3); let i = index"> |
| 45 | 45 |
<div class="uk-padding-small uk-height-max-medium uk-card uk-card-default" |
| 46 |
[attr.uk-tooltip]="((community.description) ? ('title: '+ community.description) : 'cls: uk-invisible')">
|
|
| 46 |
[attr.uk-tooltip]="((community.description) ? ('title: '+ community.description + '; pos: bottom-right') : 'cls: uk-invisible')">
|
|
| 47 | 47 |
<browse-community [community]="community" [showDescription]="false"></browse-community> |
| 48 | 48 |
</div> |
| 49 | 49 |
</div> |
| ... | ... | |
| 95 | 95 |
<h3>Search, share, link results of your research community</h3> |
| 96 | 96 |
</div> |
| 97 | 97 |
<div class="uk-container"> |
| 98 |
<h5 class=" uk-width-expand uk-margin-remove-bottom">Start by locating your community</h5>
|
|
| 98 |
<h5 class=" uk-width-expand uk-margin-remove-bottom"><b>Start by locating your community</b></h5>
|
|
| 99 | 99 |
<search-form class="uk-align-left" placeholderText="Start by locating your community" link="/search/find/communities"></search-form> |
| 100 | 100 |
</div> |
| 101 | 101 |
|
| ... | ... | |
| 104 | 104 |
</div> |
| 105 | 105 |
|
| 106 | 106 |
<div *ngIf= "researchCommunities.length > 0" class="uk-container uk-margin-medium-top"> |
| 107 |
<h5 class="uk-width-expand">Browse Research Communities</h5>
|
|
| 107 |
<h5 class="uk-width-expand"><b>Browse Research Communities</b></h5>
|
|
| 108 | 108 |
<div [class]="'uk-container uk-margin-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')"> |
| 109 | 109 |
|
| 110 | 110 |
<div class="uk-grid-match uk-grid-small uk-child-width-1-5@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community-main"> |
| ... | ... | |
| 125 | 125 |
</div> |
| 126 | 126 |
|
| 127 | 127 |
<div *ngIf= "researchInitiatives.length > 0" class="uk-container portal-hr"> |
| 128 |
<h5 class="uk-width-expand">Browse Research Initiatives</h5>
|
|
| 129 |
<div class="uk-container uk-margin-top">
|
|
| 128 |
<h5 class="uk-width-expand"><b>Browse Research Initiatives</b></h5>
|
|
| 129 |
<div [class]="'uk-container uk-margin-top' + (researchInitiatives.length <= 5 ? ' uk-margin-medium-bottom' : '')">
|
|
| 130 | 130 |
|
| 131 | 131 |
<div class="uk-grid-match uk-grid-small uk-child-width-1-5@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community-main"> |
| 132 | 132 |
<div *ngFor="let community of researchInitiatives.slice(0,5); let i = index"> |
Also available in: Unified diff
[Trunk|Connect]:
1. communities.component: Tooltip (description) position: bottom-right.
2. ommunity-creation-instructions.component & admin-portal.png & community-first-page.jpg & connect-custom.css:
Pictures for 'How to create and manage community' page changed.
Tooltips replaced by divs with calculated position, which open with javascript on scrolling.
connect-custom.css: 'my-tooltip' class added for setting opacity to 0.