souko/Simple-Wishlist
1
0
Fork 0
Code Issues Releases 1 Activity

some Fomat-Tweaks for Text of Cards

Browse Source
This commit is contained in:
Marcel Peterkau
2022-09-18 23:58:32 +02:00
parent bbb6c1f0da
commit fc0c8cbbfd
2 changed files with 77 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
css/tweaks.css
View File

@@ -1,63 +1,80 @@
@font-face { @font-face {
font-family: 'Comfortaa'; font-family: 'Comfortaa';
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
src: url(../fonts/comfortaa.woff2) format('woff2'); src: url(../fonts/comfortaa.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} }
.bd-placeholder-img { .bd-placeholder-img {
font-size: 1.125rem; font-size: 1.125rem;
text-anchor: middle; text-anchor: middle;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
user-select: none; user-select: none;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.bd-placeholder-img-lg { .bd-placeholder-img-lg {
font-size: 3.5rem; font-size: 3.5rem;
} }
} }
.b-example-divider { .b-example-divider {
height: 3rem; height: 3rem;
background-color: rgba(0, 0, 0, .1); background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15); border: solid rgba(0, 0, 0, .15);
border-width: 1px 0; border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15); box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
} }
.b-example-vr { .b-example-vr {
flex-shrink: 0; flex-shrink: 0;
width: 1.5rem; width: 1.5rem;
height: 100vh; height: 100vh;
} }
.bi { .bi {
vertical-align: -.125em; vertical-align: -.125em;
fill: currentColor; fill: currentColor;
} }
.nav-scroller { .nav-scroller {
position: relative; position: relative;
z-index: 2; z-index: 2;
height: 2.75rem; height: 2.75rem;
overflow-y: hidden; overflow-y: hidden;
} }
.nav-scroller .nav { .nav-scroller .nav {
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
padding-bottom: 1rem; padding-bottom: 1rem;
margin-top: -1px; margin-top: -1px;
overflow-x: auto; overflow-x: auto;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
.card-img-top { .card-img-top {
width: 100%; width: 100%;
height: 15vw; height: 15vw;
object-fit: scale-down; object-fit: scale-down;
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
}
.card-text {
min-height: 3em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.card-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
} }

13
index.php
View File

@@ -21,6 +21,12 @@ include_once('config/config.php');
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
<link rel="manifest" href="img/site.webmanifest"> <link rel="manifest" href="img/site.webmanifest">
<link rel="mask-icon" href="img/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="img/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="img/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link rel="manifest" href="img/site.webmanifest">
</head> </head>
<body> <body>
@@ -29,9 +35,8 @@ include_once('config/config.php');
<div class="navbar navbar-dark bg-dark shadow-sm"> <div class="navbar navbar-dark bg-dark shadow-sm">
<div class="container"> <div class="container">
<a href="#" class="navbar-brand d-flex align-items-center"> <a href="#" class="navbar-brand d-flex align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="me-2" viewBox="0 0 24 24"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="me-2 bi bi-gift" viewBox="0 0 16 16">
<path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path> <path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z" />
<circle cx="12" cy="13" r="4"></circle>
</svg> </svg>
<strong>Simple Wishlist</strong> <strong>Simple Wishlist</strong>
</a> </a>
@@ -126,7 +131,7 @@ include_once('config/config.php');
<label for="ItemDescription" class="form-label">Beschreibung</label> <label for="ItemDescription" class="form-label">Beschreibung</label>
<div class="input-group mb-3"> <div class="input-group mb-3">
<textarea class="form-control" id="ItemDescription" name="ItemDescription" rows="3"></textarea> <textarea class="form-control" id="ItemDescription" name="ItemDescription" rows="3"></textarea>
</div> </div>
<label for="ItemPrice" class="form-label">Preis</label> <label for="ItemPrice" class="form-label">Preis</label>