Skip to content
Snippets Groups Projects
Commit 16333dff authored by GeoffreyPorayko's avatar GeoffreyPorayko
Browse files

style correction

parents 1b83e4c8 e685c98b
Branches
No related tags found
No related merge requests found
......@@ -4,39 +4,55 @@
# This specific template is located at:
# https://gitlab.com/gitlab-org/gitlab/-/blob/master/lib/gitlab/ci/templates/PHP.gitlab-ci.yml
# Select image from https://hub.docker.com/_/php/
image: php:latest
# Select what we should cache between builds
cache:
paths:
- vendor/
before_script:
- apt-get update -yqq
- apt-get install -yqq git libpq-dev libcurl4-gnutls-dev libicu-dev libvpx-dev libjpeg-dev libpng-dev libxpm-dev zlib1g-dev libfreetype6-dev libxml2-dev libexpat1-dev libbz2-dev libgmp3-dev libldap2-dev unixodbc-dev libsqlite3-dev libaspell-dev libsnmp-dev libpcre3-dev libtidy-dev libonig-dev libzip-dev
# Install PHP extensions
- docker-php-ext-install mbstring pdo_pgsql curl intl gd xml zip bz2 opcache
# Install & enable Xdebug for code coverage reports
- pecl install xdebug
- docker-php-ext-enable xdebug
# Install and run Composer
- curl -sS https://getcomposer.org/installer | php
- php composer.phar install
# Bring in any services we need http://docs.gitlab.com/ee/ci/docker/using_docker_images.html#what-is-a-service
# See http://docs.gitlab.com/ee/ci/services/README.html for examples.
services:
- mysql:5.7
# Set any variables we need
variables:
build:php:
# Select image from https://hub.docker.com/_/php/
image: php:latest
# Select what we should cache between builds
cache:
paths:
- vendor/
before_script:
- apt-get update -yqq
- apt-get install -yqq git libpq-dev libcurl4-gnutls-dev libicu-dev libvpx-dev libjpeg-dev libpng-dev libxpm-dev zlib1g-dev libfreetype6-dev libxml2-dev libexpat1-dev libbz2-dev libgmp3-dev libldap2-dev unixodbc-dev libsqlite3-dev libaspell-dev libsnmp-dev libpcre3-dev libtidy-dev libonig-dev libzip-dev
# Install PHP extensions
- docker-php-ext-install pdo pdo_mysql
# Install & enable Xdebug for code coverage reports
- pecl install xdebug
- docker-php-ext-enable xdebug
# Install and run Composer
- curl -sS https://getcomposer.org/installer | php
- php composer.phar install
# Bring in any services we need http://docs.gitlab.com/ee/ci/docker/using_docker_images.html#what-is-a-service
# See http://docs.gitlab.com/ee/ci/services/README.html for examples.
services:
- mysql:5.7
# Set any variables we need
variables:
# Configure mysql environment variables (https://hub.docker.com/r/_/mysql/)
MYSQL_DATABASE: lehangarlocal
MYSQL_ROOT_PASSWORD: ''
# Run our tests
# If Xdebug was installed you can generate a coverage report and see code coverage metrics.
lint:
script:
./vendor/bin/phplint
MYSQL_DATABASE: lehangarlocal
# Run our tests
# If Xdebug was installed you can generate a coverage report and see code coverage metrics.
script:
- ./vendor/bin/phplint
build:node:
image: node:latest
# This folder is cached between builds
# https://docs.gitlab.com/ee/ci/yaml/index.html#cache
cache:
paths:
- node_modules/
before_script:
- npm ci
script:
- npx stylelint "**/*.css"
- npx stylelint "**/*.scss"
{
"extends": [
"stylelint-config-standard",
"stylelint-config-standard-scss"
],
"rules": {
"selector-class-pattern": null,
"selector-id-pattern": null,
"property-no-vendor-prefix": null
}
}
\ No newline at end of file
......@@ -40,7 +40,11 @@
body {
font-family: Montserrat, sans-serif;
overflow-x: hidden;
background: radial-gradient(white, rgb(184 184 184 / 70%));
background: radial-gradient(white, rgb(184 184 184));
display: grid;
grid-template-columns: 100%;
grid-template-rows: 100%;
overflow-y: auto;
}
/* Chrome, Safari, Edge, Opera */
......@@ -52,7 +56,7 @@ input::-webkit-inner-spin-button {
/* Firefox */
input[type="number"] {
-moz-appearance:textfield;
-moz-appearance: textfield;
appearance: textfield;
}
......@@ -101,12 +105,15 @@ nav ul li a {
.container {
margin-top: 1%;
margin-bottom: 1%;
display: grid;
grid-template-columns: repeat(auto-fill, 320px);
grid-gap: 10px;
grid-auto-rows: minmax(320px, auto);
justify-content: center;
background-color: rgb(0 0 0 / 0%);
background-color: rgba(0, 0, 0, 0%);
max-height: 100%;
position: relative;
}
.container-detail {
......@@ -433,6 +440,55 @@ html body .content #list-toggle:checked + label::after {
border: 1.5px solid var(--first-color);
}
/* table list */
.list{
display: grid;
justify-content: center;
}
.titreListe{
text-align: center;
display:table-cell;
vertical-align: middle;
margin: 0 0 0 0;
background-color: white;
height: 10vh;
width: 100vw;
box-shadow: 3px 2px 3px 1px rgb(0 0 0 / 20%);
}
.page{
display: inline-flex;
justify-content:flex-end;
}
.page i{
color: black;
}
.page i:hover{
color: grey;
}
.list table{
width: 80vw;
margin-top: 6%;
border-collapse: collapse;
}
.list table tr:nth-child(2n){
background: lightgrey;
}
.list td img{
height: 50px;
}
.list td{
border: none;
}
/* ~~~~~~~~~~~~~~~~~~~~ Media Query starts ~~~~~~~~~~~~~~~~~~~~~ */
@media (max-width: 634px) {
a:hover {
......
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
<script src="./js/main.js" defer></script>
<title></title>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">Produits</a></li>
<li><a href="#">Producteurs</a></li>
<li><a href="#">Panier</a></li>
</ul>
<label class="logo">LeHangar</label>
</nav>
</header>
<h1 class="titreListe">Liste des producteurs</h1>
<div class="list">
<table class="border">
<tr>
<td><img src="https://www.villa-thermae.fr/wp-content/uploads/2017/04/profile-icon-9.png" alt=""></td>
<td>Jean-luc Dupont</td>
<td>description</td>
<td><a href="#">mail</a></td>
<td><a href="#">à propos</a></td>
</tr>
<tr>
<td><img src="https://www.villa-thermae.fr/wp-content/uploads/2017/04/profile-icon-9.png" alt=""></td>
<td>Jean-luc Dupont</td>
<td>description</td>
<td><a href="#">mail</a></td>
<td><a href="#">à propos</a></td>
</tr><tr>
<td><img src="https://www.villa-thermae.fr/wp-content/uploads/2017/04/profile-icon-9.png" alt=""></td>
<td>Jean-luc Dupont</td>
<td>description</td>
<td><a href="#">mail</a></td>
<td><a href="#">à propos</a></td>
</tr><tr>
<td><img src="https://www.villa-thermae.fr/wp-content/uploads/2017/04/profile-icon-9.png" alt=""></td>
<td>Jean-luc Dupont</td>
<td>description</td>
<td><a href="#">mail</a></td>
<td><a href="#">à propos</a></td>
</tr><tr>
<td><img src="https://www.villa-thermae.fr/wp-content/uploads/2017/04/profile-icon-9.png" alt=""></td>
<td>Jean-luc Dupont</td>
<td>description</td>
<td><a href="#">mail</a></td>
<td><a href="#">à propos</a></td>
</tr>
<tr>
<td><img src="https://www.villa-thermae.fr/wp-content/uploads/2017/04/profile-icon-9.png" alt=""></td>
<td>Jean-luc Dupont</td>
<td>description</td>
<td><a href="#">mail</a></td>
<td><a href="#">à propos</a></td>
</tr>
<tr>
<td><img src="https://www.villa-thermae.fr/wp-content/uploads/2017/04/profile-icon-9.png" alt=""></td>
<td>Jean-luc Dupont</td>
<td>description</td>
<td><a href="#">mail</a></td>
<td><a href="#">à propos</a></td>
</tr>
</table>
<div class="page mt-2 mr-2">
<a href="#"><i class="fas fa-arrow-left mr-2"></i></a><p>page 1</p><a href="#"><i class="fas fa-arrow-right ml-2"></i></a>
</div>
</div>
</body>
</html>
This diff is collapsed.
{
"dependencies": {},
"devDependencies": {
"stylelint": "^14.0.1",
"stylelint-config-standard": "^23.0.0",
"stylelint-config-standard-scss": "^2.0.1"
},
"repository": {
"type": "git",
"url": "https://gitlab.univ-lorraine.fr/hohler3u/atelier_1.git"
}
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment