From 327b62b60ea108326ea35f834247a7906373892c Mon Sep 17 00:00:00 2001
From: Thomas Lange <code@nerdmind.de>
Date: Sun, 5 May 2019 21:41:27 +0200
Subject: Update CSS layout
---
theme/admin/html/main.php | 14 +++++++-------
theme/admin/rsrc/main.css | 48 ++++++++++++++++++++++++++++-------------------
2 files changed, 36 insertions(+), 26 deletions(-)
diff --git a/theme/admin/html/main.php b/theme/admin/html/main.php
index 794f9ec..6002bdf 100644
--- a/theme/admin/html/main.php
+++ b/theme/admin/html/main.php
@@ -40,13 +40,13 @@
<main>
<?=$HTML?>
</main>
- <footer id="main-footer">
- <ul>
- <li><i class="fa fa-github-square"></i><a href="https://github.com/Nerdmind/Blog/releases" target="_blank">Releases</a></li>
- <li><i class="fa fa-book"></i><a href="https://github.com/Nerdmind/Blog/wiki" target="_blank">Documentation</a></li>
- <li><i class="fa fa-bug"></i><a href="https://github.com/Nerdmind/Blog/issues">Bugreport</a></li>
- </ul>
- </footer>
</div>
+ <footer id="main-footer">
+ <ul>
+ <li><i class="fa fa-github-square"></i><a href="https://github.com/Nerdmind/Blog/releases" target="_blank">Releases</a></li>
+ <li><i class="fa fa-book"></i><a href="https://github.com/Nerdmind/Blog/wiki" target="_blank">Documentation</a></li>
+ <li><i class="fa fa-bug"></i><a href="https://github.com/Nerdmind/Blog/issues">Bugreport</a></li>
+ </ul>
+ </footer>
</body>
</html>
\ No newline at end of file
diff --git a/theme/admin/rsrc/main.css b/theme/admin/rsrc/main.css
index 6de252d..dbb1dce 100644
--- a/theme/admin/rsrc/main.css
+++ b/theme/admin/rsrc/main.css
@@ -79,7 +79,7 @@ main {
html {
font-size: 1.25rem;
color: #333;
- background: #CCC;
+ background: #DDD;
-webkit-hyphens: auto;
hyphens: auto;
}
@@ -88,15 +88,22 @@ body {
font-family: Ruda, sans-serif;
font-size: 0.7rem;
line-height: 1.2rem;
+ display: flex;
+ min-height: 100vh;
+ flex-direction: column;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Main content
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#main-content {
+ flex: 1;
+ width: 100%;
background: #FFF;
+ box-sizing: border-box;
border: 0.05rem solid #AAA;
border-top: none;
+ border-bottom: none;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
@@ -185,16 +192,13 @@ body {
margin-right: 0.125rem;
}
-#main-footer > ul > li:before {
- content: "[";
- font-weight: 700;
- margin-right: 0.1rem;
+#main-footer li:after {
+ content: " · ";
+ font-weight: bold;
}
-#main-footer > ul > li:after {
- content: "]";
- font-weight: 700;
- margin-left: 0.1rem;
+#main-footer li:last-child:after {
+ content: none;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
@@ -505,16 +509,12 @@ table, td {
color: #40779A;
}
-.arguments > li:before {
- content: "[";
- font-weight: 700;
- margin-right: 0.1rem;
-}
-
.arguments > li:after {
- content: "]";
- font-weight: 700;
- margin-left: 0.1rem;
+ content: " · ";
+ font-weight: bold;
+}
+.arguments > li:last-child:after{
+ content:none;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
@@ -650,6 +650,7 @@ input, select, textarea {
font-size: 0.7rem;
padding: 0.25rem;
border: 0.05rem solid #AAA;
+ box-sizing: border-box;
}
textarea {
@@ -658,7 +659,7 @@ textarea {
display: inline-block;
resize: vertical;
min-height: 15rem;
- line-height: 1.3rem;
+ line-height: 1.2rem;
padding: 0.5rem;
-webkit-hyphens: none;
hyphens: none;
@@ -933,6 +934,15 @@ label:after {
.actions-before {
float: none;
}
+
+ .arguments {
+ font-size: 0.5rem;
+ line-height: 0.75rem;
+ }
+
+ main {
+ padding: 0.5rem;
+ }
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
--
cgit v1.2.3