Merge pull request #2303 from rabuzarus/2901-vier-mobile
vier: some fixes for mobile view
This commit is contained in:
commit
4cac6a744f
|
@ -1504,7 +1504,7 @@ function prepare_body(&$item,$attach = false, $preview = false) {
|
||||||
|
|
||||||
$pos = strpos($s, $spoilersearch);
|
$pos = strpos($s, $spoilersearch);
|
||||||
$rnd = random_string(8);
|
$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;">';
|
'<blockquote class="spoiler" id="spoiler-'.$rnd.'" style="display: none;">';
|
||||||
$s = substr($s, 0, $pos).$spoilerreplace.substr($s, $pos+strlen($spoilersearch));
|
$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);
|
$pos = strpos($s, $authorsearch);
|
||||||
$rnd = random_string(8);
|
$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;">';
|
'<blockquote class="author" id="author-'.$rnd.'" style="display: block;">';
|
||||||
$s = substr($s, 0, $pos).$authorreplace.substr($s, $pos+strlen($authorsearch));
|
$s = substr($s, 0, $pos).$authorreplace.substr($s, $pos+strlen($authorsearch));
|
||||||
}
|
}
|
||||||
|
|
|
@ -67,10 +67,23 @@ nav ul {
|
||||||
|
|
||||||
@media screen and (max-width: 480px) {
|
@media screen and (max-width: 480px) {
|
||||||
.wall-item-container .wall-item-content img,
|
.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 {
|
.wall-item-container .wall-item-content .type-link img.attachment-image, .type-link img.attachment-image, .type-video img.attachment-image {
|
||||||
max-width: 200px;
|
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,
|
.wall-item-container.thread_level_2,
|
||||||
|
|
|
@ -1783,7 +1783,8 @@ section.minimal {
|
||||||
}
|
}
|
||||||
|
|
||||||
#jot-preview-content {
|
#jot-preview-content {
|
||||||
padding-top: 25px;
|
padding-top: 4px;
|
||||||
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
#jot-preview-content .tread-wrapper {
|
#jot-preview-content .tread-wrapper {
|
||||||
|
|
Loading…
Reference in a new issue