web_programming/fridge_bites
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

TIST-24: Fixed small issues on admin page #16

Closed
greendavid004 wants to merge 1 commits from TIST-24 into develop
pull from: TIST-24
merge into: web_programming:develop
Conversation 3 Commits 1 Files Changed 5 +56 -7
5 changed files with 56 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/Admin/Templates/home.php
View File

@ -57,7 +57,7 @@
<form action="<?php the_permalink('admin:recipe-list') ?>" method="get"> <form action="<?php the_permalink('admin:recipe-list') ?>" method="get">
<div class="input-admin"> <div class="input-admin">
<input type="text" name="s" placeholder="Search for recipes"> <input type="text" name="s" placeholder="Search for recipes">
<button class="hover-anim" type="submit"><i class="fa-solid fa-magnifying-glass"></i></button> <button class="btn btn-secondary hover-anim" type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
</div> </div>
</form> </form>

2
apps/Admin/Templates/list-view.php
View File

@ -15,7 +15,7 @@
<form method="get"> <form method="get">
<div class="input-admin"> <div class="input-admin">
<input type="text" name="s" placeholder="Search for <?php echo $context['verbose_name_multiply'] ?>" value="<?php echo isset($_GET['s']) ? $_GET['s'] : '' ?>"> <input type="text" name="s" placeholder="Search for <?php echo $context['verbose_name_multiply'] ?>" value="<?php echo isset($_GET['s']) ? $_GET['s'] : '' ?>">
<button type="submit" class="hover-anim"><i class="fa-solid fa-magnifying-glass"></i></button> <button type="submit" class="hover-anim btn btn-secondary"><i class="fa-solid fa-magnifying-glass"></i></button>
</div> </div>
</form> </form>
</div> </div>

4
apps/Admin/Templates/widgets/ingredients_in_recipe.php
View File

@ -15,8 +15,8 @@
<?php endif ?> <?php endif ?>
</div> </div>
<div class="btn-control"> <div class="btn-control">
<a href="<?php the_permalink('admin:ing-cat-rel-list', [$recipe->get_id()]) ?>" class="btn">Show all</a> <a href="<?php the_permalink('admin:ing-cat-rel-list', [$recipe->get_id()]) ?>" class="btn btn-secondary hover-anim">Show all</a>
<a href="<?php the_permalink('admin:ing-cat-rel-new', [$recipe->get_id()]) ?>" class="btn btn-primary">Add ingredient</a> <a href="<?php the_permalink('admin:ing-cat-rel-new', [$recipe->get_id()]) ?>" class="btn btn-primary hover-anim">Add ingredient</a>
</div> </div>
</div> </div>
</div> </div>

2
apps/Admin/Templates/widgets/recipe_author.php
View File

@ -1,6 +1,6 @@
<div class="admin-block"> <div class="admin-block">
<div class="admin-block__title">Author</div> <div class="admin-block__title">Author</div>
<div class="admin-block__content"> <div class="admin-block__content">
<a href="<?php the_permalink('admin:user', [$author->get_id()]) ?>"><?php echo $author->field_username ?></a> <a href="<?php the_permalink('admin:user', [$author->get_id()]) ?>" class="recipe-author"><?php echo $author->field_username ?></a>
</div> </div>
</div> </div>

53
assets/css/admin.css
View File

@ -22,6 +22,9 @@
} }
body { body {
min-height: 100vh; min-height: 100vh;
font-family: var(--common-font);
steve_dekart commented 2025-06-28 19:46:38 +02:00
Review
Copy Link

This is not working because admin-header.php doesn't have Roboto Condensed font.

Replace old fonts to it:

<!-- Google fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@100..900&display=swap"
        rel="stylesheet">
    <!-- Google fonts/ -->
    ```
This is not working because `admin-header.php` doesn't have `Roboto Condensed` font. Replace old fonts to it: ``` <!-- Google fonts --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@100..900&display=swap" rel="stylesheet"> <!-- Google fonts/ --> ```
font-size: 14px;
color: var(--common-text);
} }
.wrapper-admin { .wrapper-admin {
display: flex; display: flex;
@ -220,6 +223,11 @@ body {
.admin-block__table .row { .admin-block__table .row {
padding: 10px; padding: 10px;
} }
.admin-block__table a{
color: var(--title-color);
}
.admin-container.delete { .admin-container.delete {
text-align: center; text-align: center;
} }
@ -289,7 +297,48 @@ body {
.admin-block__content .btn-control { .admin-block__content .btn-control {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
input:disabled{
background-color: #e9ecef;
color: #6c757d;
}
.admin-single__form select{
steve_dekart commented 2025-06-28 19:43:10 +02:00
Review
Copy Link

Why you add styles like input:disabled, select and etc in the admin.css like it can be used only on admin page?

Why you add styles like input:disabled, select and etc in the admin.css like it can be used only on admin page?
padding: 6px;
border-radius: 10px;
margin-bottom: 20px;
}
.admin-single__form img{
height: 260px;
width: 350;
border-radius: 10px;
margin-bottom: 20px;
}
.admin-single__form #instruction{
steve_dekart commented 2025-06-28 19:48:27 +02:00
Review
Copy Link

Why do you use #id for textarea? And I don't see styles as on input.

Why do you use `#id` for textarea? And I don't see styles as on input.
width: 400px;
padding: 5px;
}
.admin-single__form input[type="file"]{
margin-bottom: 20px;
}
.recipe-author{
color: var(--title-color);
}
.admin-single__form label{
display: inline-block;
margin-bottom: 5px;
}
.admin-single__form .input-checkbox{
accent-color: #0DBB99;
}