Merge pull request #2303 from rabuzarus/2901-vier-mobile
vier: some fixes for mobile view
This commit is contained in:
commit
4cac6a744f
3 changed files with 18 additions and 4 deletions
|
@ -1504,7 +1504,7 @@ function prepare_body(&$item,$attach = false, $preview = false) {
|
|||
|
||||
$pos = strpos($s, $spoilersearch);
|
||||
$rnd = random_string(8);
|
||||
$spoilerreplace = '<br /> <span id="spoiler-wrap-'.$rnd.'" style="white-space:nowrap;" class="fakelink" onclick="openClose(\'spoiler-'.$rnd.'\');">'.sprintf(t('Click to open/close')).'</span>'.
|
||||
$spoilerreplace = '<br /> <span id="spoiler-wrap-'.$rnd.'" class="spoiler-wrap fakelink" onclick="openClose(\'spoiler-'.$rnd.'\');">'.sprintf(t('Click to open/close')).'</span>'.
|
||||
'<blockquote class="spoiler" id="spoiler-'.$rnd.'" style="display: none;">';
|
||||
$s = substr($s, 0, $pos).$spoilerreplace.substr($s, $pos+strlen($spoilersearch));
|
||||
}
|
||||
|
@ -1516,7 +1516,7 @@ function prepare_body(&$item,$attach = false, $preview = false) {
|
|||
|
||||
$pos = strpos($s, $authorsearch);
|
||||
$rnd = random_string(8);
|
||||
$authorreplace = '<br /> <span id="author-wrap-'.$rnd.'" style="white-space:nowrap;" class="fakelink" onclick="openClose(\'author-'.$rnd.'\');">'.sprintf(t('Click to open/close')).'</span>'.
|
||||
$authorreplace = '<br /> <span id="author-wrap-'.$rnd.'" class="author-wrap fakelink" onclick="openClose(\'author-'.$rnd.'\');">'.sprintf(t('Click to open/close')).'</span>'.
|
||||
'<blockquote class="author" id="author-'.$rnd.'" style="display: block;">';
|
||||
$s = substr($s, 0, $pos).$authorreplace.substr($s, $pos+strlen($authorsearch));
|
||||
}
|
||||
|
|
|
@ -67,10 +67,23 @@ nav ul {
|
|||
|
||||
@media screen and (max-width: 480px) {
|
||||
.wall-item-container .wall-item-content img,
|
||||
.children .wall-item-container .wall-item-item .wall-item-content img,
|
||||
.wall-item-container .wall-item-content .type-link img.attachment-image, .type-link img.attachment-image, .type-video img.attachment-image {
|
||||
max-width: 200px;
|
||||
}
|
||||
/* fix img width in threaded view - maybe there exists a better possibility to do this
|
||||
maybe this needs also to be done for tablet view*/
|
||||
.children .wall-item-container .wall-item-item .wall-item-content img {
|
||||
max-width: 100%;
|
||||
}
|
||||
iframe {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* the top-nav notfication menu
|
||||
Note: the device needs a min display width of 320px */
|
||||
#nav-notifications-menu {
|
||||
width: 270px;
|
||||
}
|
||||
}
|
||||
|
||||
.wall-item-container.thread_level_2,
|
||||
|
|
|
@ -1783,7 +1783,8 @@ section.minimal {
|
|||
}
|
||||
|
||||
#jot-preview-content {
|
||||
padding-top: 25px;
|
||||
padding-top: 4px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#jot-preview-content .tread-wrapper {
|
||||
|
|
Loading…
Reference in a new issue