Minor HTML tweaks

Fixes #324
This commit is contained in:
Gregor Kleen 2019-05-01 12:23:11 +02:00
parent d0b2ffe936
commit 707beee3e3
13 changed files with 118 additions and 93 deletions

View File

@ -1162,6 +1162,8 @@ siteLayout' headingOverride widget = do
isModal <- hasCustomHeader HeaderIsModal isModal <- hasCustomHeader HeaderIsModal
primaryLanguage <- unsafeHead . Text.splitOn "-" <$> selectLanguage appLanguages
mcurrentRoute <- getCurrentRoute mcurrentRoute <- getCurrentRoute
-- Get the breadcrumbs, as defined in the YesodBreadcrumbs instance. -- Get the breadcrumbs, as defined in the YesodBreadcrumbs instance.

View File

@ -1,5 +1,4 @@
$newline never $newline never
<div .container>
<dl .deflist> <dl .deflist>
<dt .deflist__dt>Fakultät/Institut <dt .deflist__dt>Fakultät/Institut
<dd .deflist__dd> <dd .deflist__dd>

View File

@ -1,20 +1,28 @@
$newline never $newline never
\<!doctype html> \<!doctype html>
\<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> <html lang=#{primaryLanguage}>
\<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
\<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
\<!--[if gt IE 8]><!-->
<html class="no-js" lang="en"> <!--<![endif]-->
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>#{pageTitle pc}
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
$case currentTheme
$of ThemeDefault
<meta name="theme-color" content="#0a9342">
$of ThemeLavender
<meta name="theme-color" content="#584c9c">
$of ThemeNeutralBlue
<meta name="theme-color" content="#3e606f">
$of ThemeAberdeenReds
<meta name="theme-color" content="#820333">
$of ThemeMossGreen
<meta name="theme-color" content="#5c996b">
$of ThemeSkyLove
<meta name="theme-color" content="#87abe5">
$# title-tag is required even if it is empty
<title>#{pageTitle pc}
^{pageHead pc} ^{pageHead pc}
<body .no-js .theme--#{toPathPiece currentTheme} :isAuth:.logged-in> <body .theme--#{toPathPiece currentTheme} :isAuth:.logged-in>
<!-- removes no-js class from body if client supports javascript -->
<script>
document.body.classList.remove('no-js');
^{pageBody pc} ^{pageBody pc}

View File

@ -1,3 +1,4 @@
$newline never
$if not isModal $if not isModal
<!-- secondary navigation at the side --> <!-- secondary navigation at the side -->
^{asidenav} ^{asidenav}

View File

@ -1,3 +1,4 @@
$newline never
<section> <section>
<h2>_{MsgHomeOpenCourses} <h2>_{MsgHomeOpenCourses}
^{courseTable} ^{courseTable}

View File

@ -1,3 +1,4 @@
$newline never
<section> <section>
<h2>_{MsgHomeUpcomingSheets} <h2>_{MsgHomeUpcomingSheets}
^{sheetTable} ^{sheetTable}

View File

@ -1 +1,2 @@
$newline never
^{pageBody tbl} ^{pageBody tbl}

View File

@ -1,3 +1,4 @@
$newline never
$maybe flag <- sortableKey $maybe flag <- sortableKey
$case directions $case directions
$of [SortAsc] $of [SortAsc]

View File

@ -1,2 +1,2 @@
<div .container> $newline never
^{table} ^{table}

View File

@ -1,3 +1,4 @@
$newline never
<div #alerts-1 .alerts uw-alerts> <div #alerts-1 .alerts uw-alerts>
<div .alerts__toggler> <div .alerts__toggler>
$forall (status, msg) <- mmsgs $forall (status, msg) <- mmsgs

View File

@ -1,3 +1,4 @@
$newline never
<footer .footer> <footer .footer>
<div .footer-links> <div .footer-links>
$forall (MenuItem{menuItemType, menuItemRoute = _, menuItemIcon = _, menuItemLabel, menuItemModal = _}, menuIdent, route) <- menuTypes $forall (MenuItem{menuItemType, menuItemRoute = _, menuItemIcon = _, menuItemLabel, menuItemModal = _}, menuIdent, route) <- menuTypes

View File

@ -14,3 +14,11 @@
background-color: var(--color-grey-light); background-color: var(--color-grey-light);
} }
} }
.footer-links * {
margin-right: 0.5em;
&:last {
margin-right: 0;
}
}

View File

@ -1,3 +1,4 @@
$newline never
<a .navbar__link-wrapper href=#{route} ##{menuIdent}> <a .navbar__link-wrapper href=#{route} ##{menuIdent}>
<i .fas.fa-#{fromMaybe "none" menuItemIcon}> <i .fas.fa-#{fromMaybe "none" menuItemIcon}>
<div .navbar__link-label>_{SomeMessage menuItemLabel} <div .navbar__link-label>_{SomeMessage menuItemLabel}