From cf058dc7a93598e97fc2286f66d06abb78485cf5 Mon Sep 17 00:00:00 2001 From: halworsen Date: Wed, 14 Feb 2018 17:56:19 +0100 Subject: [PATCH] Project cards --- www/css/projects.css | 59 ++++++++++++++++++++++++++++++++++++++++++ www/prosjekt/edit.php | 3 ++- www/prosjekt/index.php | 36 +++++++++++++------------- 3 files changed, 79 insertions(+), 19 deletions(-) create mode 100644 www/css/projects.css diff --git a/www/css/projects.css b/www/css/projects.css new file mode 100644 index 0000000..098f81e --- /dev/null +++ b/www/css/projects.css @@ -0,0 +1,59 @@ +.project-card { + position: relative; + display: inline-block; + vertical-align: top; + border-radius: 4px; + width: 18em; + height: 8em; + padding: 0; + margin: 0 1em 1em 0; + border: 1px solid #002244; + box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); +} + +.project-title { + padding-bottom: .1em; + margin: 0; + text-overflow: ellipsis; +} + +.card-content { + display: block; + overflow: hidden; + margin: 0; + padding: .6em; + height: 4.3em; +} + +.card-content p { + height: 2.5em; + overflow: hidden; + line-height: 1.25em; +} + +.project-organizer { + position: absolute; + bottom: 0; + left: 0; + right: 0; + margin: 0; + padding: .3em .6em; + border-top: 1px solid #002244; + font-size: .8em; +} + +.card-content * { + margin-top: 0; +} + +.projects-divider { + border: 0; + margin-bottom: 2em; +} + +@media screen and (max-width: 50rem) { + .projects { + display: inline-block; + + } +} \ No newline at end of file diff --git a/www/prosjekt/edit.php b/www/prosjekt/edit.php index f11b361..e6b69fa 100644 --- a/www/prosjekt/edit.php +++ b/www/prosjekt/edit.php @@ -69,7 +69,8 @@ if($new == 0){

Beskrivelse

-

Hva går prosjektet ditt ut på?

+

Hva går prosjektet ditt ut på?

+

Den første linjen blir vist på prosjektkortet, prøv å holde den kort!

getID() . '" />' ?> diff --git a/www/prosjekt/index.php b/www/prosjekt/index.php index cb767c0..709b86d 100644 --- a/www/prosjekt/index.php +++ b/www/prosjekt/index.php @@ -22,6 +22,7 @@ $projects = $projectManager->getAll(); + @@ -45,27 +46,26 @@ $projects = $projectManager->getAll();

Lyst til å gjøre noe kult? Her er et utvalg av de prosjektene som PVVere har laget. Mangler det noe, eller brenner du for noe annet? Sett opp et eget prosjekt!

Lag prosjekt Mine prosjekter +
- +