Make favorite star seeable on all backgrounds, increase button padding for easier clicks

master
Skylar Ittner 5 years ago
parent 3cf9dacbf8
commit b44ef89405

@ -80,8 +80,18 @@ foreach ($colors as $c) {
<div class="card notecard" data-color="<?php echo $note->getColor(); ?>" id="notecard_<?php echo $note->getID(); ?>" data-note="<?php echo $note->getID(); ?>">
<div class="card-body notecard-click2open">
<div class="float-right">
<a href="./action.php?action=favoritenote&noteid=<?php echo $note->getID(); ?>" class="favorite-btn mr-2 <?php echo $note->getFavorite() ? "text-warning" : ""; ?>" data-toggle="tooltip" title="<?php $Strings->get("Favorite"); ?>">
<i class="fa<?php echo $note->getFavorite() ? "s" : "r"; ?> fa-star"></i>
<a href="./action.php?action=favoritenote&noteid=<?php echo $note->getID(); ?>" class="favorite-btn pr-1" data-toggle="tooltip" title="<?php $Strings->get("Favorite"); ?>">
<?php
if ($note->getFavorite()) {
?>
<i class="fas fa-star fa-fw"></i>
<?php
} else {
?>
<i class="far fa-star fa-fw"></i>
<?php
}
?>
</a>
</div>
<div class="card-text note-text">
@ -92,22 +102,22 @@ foreach ($colors as $c) {
<div class="card-footer">
<div class="d-flex justify-content-around flex-wrap">
<div>
<a class="px-2" href="./app.php?page=editnote&note=<?php echo $note->getID(); ?>" data-toggle="tooltip" title="<?php $Strings->get('Edit'); ?>">
<a class="px-2 py-2" href="./app.php?page=editnote&note=<?php echo $note->getID(); ?>" data-toggle="tooltip" title="<?php $Strings->get('Edit'); ?>">
<i class="fas fa-edit"></i> <noscript><?php $Strings->get('Edit'); ?></noscript>
</a>
</div>
<div class="d-none yesscript">
<a class="px-2 color-btn" data-toggle="tooltip" title="<?php $Strings->get("Set color"); ?>" data-color="<?php echo $note->getColor(); ?>" data-noteid="<?php echo $note->getID(); ?>">
<a class="px-2 py-2 color-btn" href="#" data-toggle="tooltip" title="<?php $Strings->get("Set color"); ?>" data-color="<?php echo $note->getColor(); ?>" data-noteid="<?php echo $note->getID(); ?>">
<i class="fas fa-palette"></i>
</a>
</div>
<div>
<a class="px-2" href="./action.php?action=downloadnote&noteid=<?php echo $note->getID(); ?>" data-toggle="tooltip" title="<?php $Strings->get('Download'); ?>">
<a class="px-2 py-2" href="./action.php?action=downloadnote&noteid=<?php echo $note->getID(); ?>" data-toggle="tooltip" title="<?php $Strings->get('Download'); ?>">
<i class="fas fa-download"></i> <noscript><?php $Strings->get('Download'); ?></noscript>
</a>
</div>
<div>
<a class="px-2" href="./action.php?action=deletenote&noteid=<?php echo $note->getID(); ?>" data-toggle="tooltip" title="<?php $Strings->get('Delete'); ?>">
<a class="px-2 py-2" href="./action.php?action=deletenote&noteid=<?php echo $note->getID(); ?>" data-toggle="tooltip" title="<?php $Strings->get('Delete'); ?>">
<i class="fas fa-trash"></i> <noscript><?php $Strings->get('Delete'); ?></noscript>
</a>
</div>

@ -13,7 +13,6 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
cursor: default;
}
/*.grid__brick {
margin-top: 5px;
margin-bottom: 15px;
}*/
.favorite-btn {
font-size: 120%;
}
Loading…
Cancel
Save