speed-dreams/sdwebserver
8
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

The design of the home page has been changed:

Browse source 
* Top menu and side menu are now fixed.
* The side menu now occupies the available height and has its own scrolling (no need to scroll down the page anymore)
* Other small corrections
This commit is contained in:
Alfonso Saavedra "Son Link" 2024-12-31 13:11:36 +01:00
parent a0a548550b
commit 00539037dd
No known key found for this signature in database
GPG key ID: D3594BCF897F74D8
2 changed files with 49 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
app/Views/templates/header.php
View file

@ -1,5 +1,10 @@
<!doctype html>
<?php
$request = service('request');
$uri = $request->getUri();
$current_path = $uri->getPath();
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
@ -15,6 +20,7 @@
<?php endif ?>
</head>
<body>
<header>
<nav class="mainMenu">
<a href="<?= base_url() ?>">Home</a>
<a href="<?= base_url('users') ?>">Racers</a>
@ -23,8 +29,9 @@
<a href="<?= base_url('login') ?>">Login</a>
<a href="https://speed-dreams.net" target="_black">Blog</a>
</nav>
</header>
<div id="header_logo">
<div id="header_logo" <?= ($current_path == '/') ? 'class="main_page"' : '' ?>>
<img class="logo" src="<?= base_url() ?>/img/sd-flag.png" alt="Speed Dreams logo"/>
</div>

43
public/css/style.css
View file

@ -1,15 +1,6 @@
html {
margin: 0px;
padding:0px;
/*background:
/*
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
*/
/*background-color:#282828;
background-size:16px 16px;*/
}
body {
@ -50,6 +41,14 @@ th {
margin-bottom: 1rem;
}
header {
width: 100%;
z-index: 10;
position: sticky;
top: 0;
background-color: #fff;
}
/* ########################################
* MAIN MENU
###########################################*/
@ -89,6 +88,11 @@ th {
position: relative;
}
#header_logo.main_page {
width: calc(100% - 17%);
margin-left: 17%;
}
#header_logo > img {
position: absolute;
top: 25px;
@ -104,6 +108,10 @@ th {
#menu {
float: left;
width: 17%;
position: fixed;
top: 40px;
max-height: calc(100vh - 40px);
overflow: auto;
}
#menu nav,
@ -637,7 +645,7 @@ sd-carcategoryselection {
width: 100%;
display: block;
position: sticky;
top: 0;
top: 40px;
z-index: 100;
background-color: #fff;
}
@ -687,6 +695,14 @@ sd-carcategoryselection {
padding: 0 5px;
}
table.responsive tfoot th {
padding-left: 0;
}
table.responsive tfoot th::before {
display: none;
width: 0;
}
table.responsive tr:nth-of-type(2n+2) {
background-color: #DDDDDD;
}
@ -724,6 +740,11 @@ sd-carcategoryselection {
}
.mainMenu {
width: 90%;
width: 98%;
}
#header_logo.main_page {
width: 100%;
margin-left: 0;
}
}