Business/NewsPen
2
0
Fork 0
Code Issues 4 Pull Requests Releases Wiki Activity

Show background image in theme selector

Browse Source
This commit is contained in:
Skylar Ittner 2018-02-07 20:29:09 -07:00
parent 23af9df3f2
commit 08b8e92b82
2 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
pages/editpub.php
View File

@ -117,6 +117,9 @@ if (!is_empty($VARS['id'])) {
</style> </style>
<input type="radio" name="style" value="<?php echo $s; ?>" <?php echo $ss; ?> /> <input type="radio" name="style" value="<?php echo $s; ?>" <?php echo $ss; ?> />
<div class="card theme" id="theme_<?php echo $s; ?>"> <div class="card theme" id="theme_<?php echo $s; ?>">
<?php if (file_exists($themedir . "$s/background.png")) { ?>
<img src="./themes/<?php echo $s; ?>/background.png" alt="" class="theme_img" />
<?php } ?>
<div class="theme_colors" id="themecolors_<?php echo $s; ?>"> <div class="theme_colors" id="themecolors_<?php echo $s; ?>">
</div> </div>
<div class="card-body m-0 p-1"> <div class="card-body m-0 p-1">

16
static/css/themeselector.css
View File

@ -4,7 +4,7 @@ License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/. file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/ */
.theme_bin { .theme_bin {
max-height: 100px; max-height: 300px;
overflow-y: scroll; overflow-y: scroll;
padding: 5px; padding: 5px;
} }
@ -16,7 +16,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
.theme_bin label input[type=radio] + .theme { .theme_bin label input[type=radio] + .theme {
cursor: pointer; cursor: pointer;
border: 0px solid transparent; border: 3px solid white;
margin: 2px; margin: 2px;
} }
@ -28,4 +28,16 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
width: 100%; width: 100%;
min-width: 5rem; min-width: 5rem;
height: 2rem; height: 2rem;
}
.theme_bin label .theme .theme_img {
width: 2rem;
margin-left: 1.5rem;
margin-right: 1.5rem;
margin-top: .05rem;
margin-bottom: .05rem;
max-height: 1.9rem;
display: inline;
position: absolute;
padding: 0px;
} }