AVSDev/sprinkle-organisations
1
0
Fork 0
Code Issues 2 Pull Requests Projects Releases Wiki Activity

Use line clamp to restrict to 5 lines & move the remove button to the same height as the org name

Browse Source
This commit is contained in:
Craig Williams
2022-03-08 13:38:11 +00:00
parent 45a4591f73
commit 2077d1723c
2 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
assets/organisations/css/organisations.css
View File

@@ -21,11 +21,10 @@
} }
.user-organisation-description { .user-organisation-description {
text-overflow: ellipsis; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden; overflow: hidden;
width: 100%;
display: inline-block;
white-space: nowrap;
margin-top: 0.5em; margin-top: 0.5em;
} }

4
templates/pages/user.html.twig
View File

@@ -76,7 +76,7 @@
<small class="user-organisation-description">{{organisation.description}}</small> <small class="user-organisation-description">{{organisation.description}}</small>
</div> </div>
{% if hasRole('site-admin') or hasRole('organisations-admin') -%} {% if hasRole('site-admin') or hasRole('organisations-admin') -%}
<div class="col-xs-3"> <div class="col-xs-3" style="margin-top: -5px;">
<button type="button" data-slug="{{organisation.slug}}" data-user_name="{{user.user_name}}" class="btn btn-danger js-member-remove margin-r-5" style="min-width: 70px">{{translate("REMOVE")}}</button> <button type="button" data-slug="{{organisation.slug}}" data-user_name="{{user.user_name}}" class="btn btn-danger js-member-remove margin-r-5" style="min-width: 70px">{{translate("REMOVE")}}</button>
</div> </div>
{% endif -%} {% endif -%}
@@ -91,7 +91,7 @@
<small class="user-organisation-description">{{organisation.description}}</small> <small class="user-organisation-description">{{organisation.description}}</small>
</div> </div>
{% if hasRole('site-admin') or hasRole('organisations-admin') -%} {% if hasRole('site-admin') or hasRole('organisations-admin') -%}
<div class="col-xs-3"> <div class="col-xs-3" style="margin-top: -5px;">
<button type="button" data-slug="{{organisation.slug}}" data-user_name="{{user.user_name}}" class="btn btn-danger js-member-remove margin-r-5" style="min-width: 70px">{{translate("REMOVE")}}</button> <button type="button" data-slug="{{organisation.slug}}" data-user_name="{{user.user_name}}" class="btn btn-danger js-member-remove margin-r-5" style="min-width: 70px">{{translate("REMOVE")}}</button>
</div> </div>
{% endif -%} {% endif -%}