mirror of
https://github.com/twisterarmy/twister-html.git
synced 2025-03-11 13:01:19 +00:00
#fix of group profile modal to show scroll-bar if member list doesn't fit on window
This commit is contained in:
parent
e123478982
commit
7339ef71e5
@ -281,6 +281,10 @@
|
||||
}
|
||||
*/
|
||||
|
||||
.profile-modal .members {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
h1.profile-name {
|
||||
display: inline;
|
||||
}
|
||||
|
@ -171,11 +171,13 @@ function openGroupProfileModalWithNameHandler(groupAlias) {
|
||||
getFullname(ret.members[i], item.find('.twister-user-full'));
|
||||
getBio(ret.members[i], item.find('.bio'));
|
||||
}
|
||||
|
||||
elemFitNextIntoParentHeight(req.modal.content.find('.profile-card'));
|
||||
}
|
||||
}, {modal: modal}
|
||||
);
|
||||
|
||||
|
||||
elemFitNextIntoParentHeight(modal.content.find('.profile-card'));
|
||||
}
|
||||
|
||||
function openUserProfileModalWithNameHandler(username) {
|
||||
@ -201,13 +203,11 @@ function openUserProfileModalWithNameHandler(username) {
|
||||
button.on('click', userClickFollow);
|
||||
}
|
||||
|
||||
elemFitNextIntoParentHeight(modal.content.find('.profile-card'));
|
||||
|
||||
var postboard = modal.content.find('.postboard');
|
||||
var postboardHeight = modal.content.outerHeight() - modal.content.find('.profile-card').outerHeight();
|
||||
if (postboardHeight > 0) { // FIXME actually it's here to exclude nin theme
|
||||
postboard.outerHeight(postboardHeight)
|
||||
.find('ol').outerHeight(postboard.outerHeight() - postboard.find('h2').outerHeight() - 20); // FIXME 20px for margin, need to fix CSS for it
|
||||
} else
|
||||
postboard.outerHeight(modal.content.outerHeight());
|
||||
postboard.find('ol').outerHeight(postboard.actual('height')
|
||||
- postboard.find('h2').actual('outerHeight', {includeMargin: true}));
|
||||
}
|
||||
|
||||
function openHashtagModalFromSearchHandler(hashtag) {
|
||||
@ -1590,6 +1590,17 @@ function killInterfaceModule(module) {
|
||||
$('.module.'+module).empty().hide();
|
||||
}
|
||||
|
||||
function elemFitNextIntoParentHeight(elem) {
|
||||
var parent = elem.parent();
|
||||
var elemNext = elem.nextAll();
|
||||
var elemNextHeight = parent.actual('height') - elem.actual('outerHeight', {includeMargin: true});
|
||||
|
||||
if (elemNextHeight > 0) // FIXME actually it's here because of nin theme's two vertical columns layout of profile modal
|
||||
elemNext.outerHeight(elemNextHeight);
|
||||
else
|
||||
elemNext.outerHeight(parent.actual('outerHeight'));
|
||||
}
|
||||
|
||||
function inputEnterActivator(event) {
|
||||
var elemEvent = $(event.target);
|
||||
elemEvent.parents(event.data.parentSelector).find(event.data.enterSelector)
|
||||
|
@ -356,6 +356,10 @@
|
||||
}
|
||||
*/
|
||||
|
||||
.profile-modal .members {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
h1.profile-name {
|
||||
display: inline;
|
||||
}
|
||||
|
@ -461,6 +461,10 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.profile-modal .modal-content .members {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
/* line 76, ../sass/_profile.sass */
|
||||
.profile-modal h2.profile-screen-name {
|
||||
display: block;
|
||||
|
@ -67,6 +67,9 @@ $modal-postboard-post-height: 100%
|
||||
margin: 0
|
||||
padding: 0
|
||||
|
||||
.members
|
||||
overflow-y: auto
|
||||
|
||||
.profile-modal
|
||||
h2.profile-screen-name
|
||||
display: block
|
||||
|
Loading…
x
Reference in New Issue
Block a user