Improve display in minimal mode

This commit is contained in:
Hypolite Petovan 2019-04-25 22:01:43 -04:00
parent 5a01c53781
commit 611220cb53
5 changed files with 43 additions and 12 deletions

View file

@ -5,8 +5,8 @@
<script>var baseurl="<?php echo Friendica\Core\System::baseUrl() ?>";</script> <script>var baseurl="<?php echo Friendica\Core\System::baseUrl() ?>";</script>
<?php if(!empty($page['htmlhead'])) echo $page['htmlhead'] ?> <?php if(!empty($page['htmlhead'])) echo $page['htmlhead'] ?>
</head> </head>
<body> <body class="minimal">
<section class="minimal" style="margin:0px!important; padding:0px!important; float:none!important;display:block!important;"><?php if(!empty($page['content'])) echo $page['content']; ?> <section><?php if(!empty($page['content'])) echo $page['content']; ?>
<div id="page-footer"></div> <div id="page-footer"></div>
</section> </section>
</body> </body>

View file

@ -3507,6 +3507,7 @@ div.jGrowl div.info {
width: 100%; width: 100%;
padding: 0.5em; padding: 0.5em;
height: auto; height: auto;
box-sizing: border-box;
} }
aside:before { aside:before {
content: ">>"; content: ">>";

View file

@ -33,6 +33,10 @@ body {
/*color: #555;*/ /*color: #555;*/
font-family: 'Open Sans',sans-serif; font-family: 'Open Sans',sans-serif;
} }
body.minimal {
padding: 15px;
}
body a { body a {
/*color: #555;*/ /*color: #555;*/
/*color: #6fdbe8;*/ /*color: #6fdbe8;*/
@ -131,14 +135,6 @@ blockquote {
* standard page elements * standard page elements
*/ */
section.minimal {
top: 0px;
left: 0px;
position: absolute;
width: 100%;
height: 100%;
}
#back-to-top { #back-to-top {
display: none; display: none;
cursor: pointer; cursor: pointer;
@ -3553,8 +3549,11 @@ section .profile-match-wrapper {
body { body {
padding-top: 95px; padding-top: 95px;
} }
body.minimal {
padding: 15px;
}
#friendica-logo-mask { #friendica-logo-mask {
display: none; display: none;
} }

View file

@ -79,7 +79,8 @@ $is_singleuser_class = $is_singleuser ? "is-singleuser" : "is-not-singleuser";
// special minimal style for modal dialogs // special minimal style for modal dialogs
if ($minimal) { if ($minimal) {
?> ?>
<section class="minimal" style="margin:0px!important; padding:0px!important; float:none!important; display:block!important;"> <!-- <?php echo __FILE__ ?> -->
<section class="minimal">
<?php if (!empty($page['content'])) echo $page['content']; ?> <?php if (!empty($page['content'])) echo $page['content']; ?>
<div id="page-footer"></div> <div id="page-footer"></div>
</section> </section>

View file

@ -0,0 +1,30 @@
<!DOCTYPE html >
<html>
<head>
<title><?php if(!empty($page['title'])) echo $page['title'] ?></title>
<script>var baseurl="<?php echo Friendica\Core\System::baseUrl() ?>";</script>
<?php if(!empty($page['htmlhead'])) echo $page['htmlhead'] ?>
</head>
<body class="minimal">
<section><?php if(!empty($page['content'])) echo $page['content']; ?>
<div id="page-footer"></div>
</section>
<!-- Modal -->
<div id="modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-full-screen">
<div class="modal-content">
<div id="modal-header" class="modal-header">
<button id="modal-cloase" type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 id="modal-title" class="modal-title"></h4>
</div>
<div id="modal-body" class="modal-body">
<!-- /# content goes here -->
</div>
</div>
</div>
</div>
</body>
</html>