mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-05-06 19:19:19 +02:00
Fix admin CSS not loading and quirks mode issues
Fixed multiple issues in admin panel: 1. CSS path: modern-normalize.css → modern-normalize.min.css (File is actually named .min.css) 2. Icon path: assets/icon.svg → /assets/admin_favicon.svg (Was relative, now absolute; correct filename) 3. Navigation: /admin/list.php → /admin/ (list.php was renamed to index.php) 4. Short PHP tags: <? → <?php (Better compatibility, some servers don't enable short_open_tag) 5. Quirks mode warning was due to CSS not loading, not DOCTYPE (DOCTYPE was already present) Files modified: - public/admin/inc/head.php (main fixes) - public/admin/index.php (short tags) - public/admin/add.php (short tags) - public/admin/import.php (short tags) Need to redeploy for production: just deploy
This commit is contained in:
Théophile Gervreau-Mercier
180
public/assets/admin.css
Normal file
180
public/assets/admin.css
Normal file
@@ -0,0 +1,180 @@
|
||||
main {
|
||||
margin: 1.2rem 0;
|
||||
}
|
||||
|
||||
.filters {
|
||||
background: #f5f5f5;
|
||||
padding: 1rem;
|
||||
margin-bottom: 2rem;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.filters form {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
flex-wrap: wrap;
|
||||
align-items: end;
|
||||
}
|
||||
|
||||
.filters fieldset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.thesis-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.thesis-table th,
|
||||
.thesis-table td {
|
||||
padding: 0.75rem;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.thesis-table th {
|
||||
background: #f0f0f0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.thesis-table tr:hover {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
.thesis-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.thesis-subtitle {
|
||||
font-style: italic;
|
||||
color: #666;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.status-badge {
|
||||
display: inline-block;
|
||||
padding: 0.25rem 0.5rem;
|
||||
border-radius: 3px;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
.status-pending {
|
||||
background: #ffd700;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.status-published {
|
||||
background: #90ee90;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.actions {
|
||||
display: flex;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 0.35rem 0.75rem;
|
||||
border-radius: 3px;
|
||||
text-decoration: none;
|
||||
font-size: 0.9em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.btn-view {
|
||||
background: #4a90e2;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-edit {
|
||||
background: #f39c12;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-publish {
|
||||
background: #27ae60;
|
||||
color: white;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn-unpublish {
|
||||
background: #95a5a6;
|
||||
color: white;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.publish-form {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.stats {
|
||||
display: flex;
|
||||
gap: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.stat-card {
|
||||
background: #f5f5f5;
|
||||
padding: 1rem;
|
||||
border-radius: 4px;
|
||||
min-width: 150px;
|
||||
}
|
||||
|
||||
.stat-number {
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
color: #4a90e2;
|
||||
}
|
||||
|
||||
.stat-label {
|
||||
color: #666;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.bulk-actions {
|
||||
background: #f5f5f5;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.bulk-actions-buttons {
|
||||
display: flex;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.btn-bulk-publish {
|
||||
background: #27ae60;
|
||||
color: white;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.btn-bulk-unpublish {
|
||||
background: #95a5a6;
|
||||
color: white;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.select-checkbox {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.select-all-checkbox {
|
||||
cursor: pointer;
|
||||
}
|
||||
65
public/assets/admin_favicon.svg
Normal file
65
public/assets/admin_favicon.svg
Normal file
@@ -0,0 +1,65 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
class="lucide lucide-archive-restore"
|
||||
version="1.1"
|
||||
id="svg12"
|
||||
sodipodi:docname="icon.svg"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs16" />
|
||||
<sodipodi:namedview
|
||||
id="namedview14"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
showgrid="false"
|
||||
inkscape:zoom="24.719275"
|
||||
inkscape:cx="5.2185997"
|
||||
inkscape:cy="13.713995"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1011"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="32"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg12" />
|
||||
<rect
|
||||
width="20"
|
||||
height="5"
|
||||
x="2"
|
||||
y="4"
|
||||
rx="2"
|
||||
id="rect2"
|
||||
style="stroke:#c104fc;stroke-opacity:1" />
|
||||
<path
|
||||
d="M12 13v7"
|
||||
id="path4"
|
||||
style="stroke:#c104fc;stroke-opacity:1" />
|
||||
<path
|
||||
d="m9 16 3-3 3 3"
|
||||
id="path6"
|
||||
style="stroke:#c104fc;stroke-opacity:1" />
|
||||
<path
|
||||
d="M4 9v9a2 2 0 0 0 2 2h2"
|
||||
id="path8"
|
||||
style="stroke:#c104fc;stroke-opacity:1" />
|
||||
<path
|
||||
d="M20 9v9a2 2 0 0 1-2 2h-2"
|
||||
id="path10"
|
||||
style="stroke:#c104fc;stroke-opacity:1" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
105
public/assets/common.css
Normal file
105
public/assets/common.css
Normal file
@@ -0,0 +1,105 @@
|
||||
@font-face {
|
||||
font-family: police1;
|
||||
src: url("./fonts/Combinedd.otf");
|
||||
}
|
||||
|
||||
/* Dark theme */
|
||||
/* UTILE POUR FORCER UN MODE LIGHT */
|
||||
/* @media (prefers-color-scheme: dark) { */
|
||||
/* :root, */
|
||||
/* ::backdrop { */
|
||||
/* --bg: #fff; */
|
||||
/* --accent-bg: #f5f7ff; */
|
||||
/* --text: #212121; */
|
||||
/* --text-light: #585858; */
|
||||
/* --border: #898ea4; */
|
||||
/* --accent: #0d47a1; */
|
||||
/* --code: #d81b60; */
|
||||
/* --preformatted: #444; */
|
||||
/* --marked: #ffdd33; */
|
||||
/* --disabled: #efefef; */
|
||||
/* } */
|
||||
/* } */
|
||||
|
||||
body {
|
||||
background-color: white;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* FORMULAIRE */
|
||||
form label {
|
||||
font-family: police1;
|
||||
font-size: 1rem;
|
||||
}
|
||||
form input,
|
||||
select,
|
||||
textarea {
|
||||
border-color: #c104fc;
|
||||
overflow: visible;
|
||||
outline: none;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
form input:focus,
|
||||
select:focus {
|
||||
border: 3px solid rgba(77, 168, 112, 1);
|
||||
}
|
||||
|
||||
label {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
input {
|
||||
/* font-family: police1; */
|
||||
/* font-weight: bold; */
|
||||
background-color: none;
|
||||
color: rgb(193, 4, 252);
|
||||
border: 1px solid rgb(193, 4, 252);
|
||||
}
|
||||
|
||||
a {
|
||||
color: rgb(193, 4, 252);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
a, a:visited {
|
||||
color: rgb(193, 4, 252);
|
||||
}
|
||||
|
||||
input:active {
|
||||
border-color: rgba(77, 168, 112, 1);
|
||||
}
|
||||
|
||||
button,
|
||||
[role="button"],
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
input[type="button"],
|
||||
label[type="button"] {
|
||||
background-color: white;
|
||||
margin-top: 2rem;
|
||||
font-size: 16px;
|
||||
border-radius: 10px;
|
||||
padding: 2ch;
|
||||
margin: 1rem;
|
||||
a {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
button {}
|
||||
|
||||
/* For Google Chrome, Safari, and newer versions of Opera */
|
||||
::placeholder {
|
||||
/* color: rgb(213, 73, 255); */
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
/* For Mozilla Firefox */
|
||||
::-moz-placeholder {
|
||||
/* color: rgb(213, 73, 255); */
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
BIN
public/assets/fonts/Combinedd.otf
Normal file
BIN
public/assets/fonts/Combinedd.otf
Normal file
Binary file not shown.
1
public/assets/icons.svg
Normal file
1
public/assets/icons.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 31 KiB |
101
public/assets/main.css
Normal file
101
public/assets/main.css
Normal file
@@ -0,0 +1,101 @@
|
||||
body {
|
||||
margin: 0;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
header {
|
||||
height: 20vh;
|
||||
}
|
||||
main {
|
||||
height: 60vh;
|
||||
}
|
||||
footer {
|
||||
height: 20vh;
|
||||
}
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
header, main, footer {
|
||||
padding: 1rem;
|
||||
margin: 0;
|
||||
border-radius: 40px;
|
||||
}
|
||||
|
||||
header {
|
||||
font-family: "police1";
|
||||
background: #9557b5ff;
|
||||
color: white;
|
||||
font-size: 2rem;
|
||||
display: flex;
|
||||
gap: 6%;
|
||||
padding: 1rem 4rem;
|
||||
.title {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
header section p:not(:first-child) {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
header .title, header section, header nav {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
font-size: 18px;
|
||||
text-decoration: none;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
main {
|
||||
height: 60vh;
|
||||
|
||||
display: grid;
|
||||
grid-template-rows: repeat(2, minmax(0, 1fr));
|
||||
grid-auto-flow: column;
|
||||
|
||||
/* critical: force column width so new columns form */
|
||||
grid-auto-columns: 260px;
|
||||
|
||||
gap: 1rem;
|
||||
padding: 1rem;
|
||||
box-sizing: border-box;
|
||||
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
.card {
|
||||
background: #eee;
|
||||
border-radius: 10px;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
main {
|
||||
background: #3c856bff;
|
||||
}
|
||||
|
||||
footer {
|
||||
background: #222222ff;
|
||||
}
|
||||
|
||||
/* .card { */
|
||||
/* width: 20%; */
|
||||
/* border: 1px solid white; */
|
||||
/* color: white; */
|
||||
/* margin: 1ch; */
|
||||
/* padding: 2ch; */
|
||||
/* } */
|
||||
main {
|
||||
scroll-snap-type: x mandatory;
|
||||
}
|
||||
|
||||
.card {
|
||||
scroll-snap-align: start;
|
||||
}
|
||||
.item {
|
||||
width: 50%;
|
||||
}
|
||||
9
public/assets/modern-normalize.min.css
vendored
Normal file
9
public/assets/modern-normalize.min.css
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
/**
|
||||
* Minified by jsDelivr using clean-css v5.3.3.
|
||||
* Original file: /npm/modern-normalize@3.0.1/modern-normalize.css
|
||||
*
|
||||
* Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
|
||||
*/
|
||||
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
|
||||
*,::after,::before{box-sizing:border-box}html{font-family:system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji';line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
|
||||
/*# sourceMappingURL=/sm/d2d8cd206fb9f42f071e97460f3ad9c875edb5e7a4b10f900a83cdf8401c53a9.map */
|
||||
Reference in New Issue
Block a user