sbrl-github/Pepperminty-Wiki
sbrl-github/Pepperminty-Wiki
1
0
Fork 0
mirror of https://github.com/sbrl/Pepperminty-Wiki.git synced 2024-11-22 04:23:01 +00:00
Code Activity

Finished theming sidebar

Browse source
This commit is contained in:
Starbeamrainbowlabs 2015-08-04 20:03:25 +01:00
parent 2201b06143
commit 441a3c5ec2
4 changed files with 35 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
index.php
View file

@ -156,6 +156,12 @@ input[type=search] { width: 14rem; padding: 0.3rem 0.4rem; font-size: 1rem; colo
input[type=search]::-webkit-input-placeholder { color : rgba(255, 255, 255, 0.75); } input[type=search]::-webkit-input-placeholder { color : rgba(255, 255, 255, 0.75); }
input[type=button], input[type=submit] { cursor: pointer; } input[type=button], input[type=submit] { cursor: pointer; }
.sidebar { background: #9e7eb4; box-shadow: inset -0.6rem 0 0.8rem -0.5rem rgba(50, 50, 50, 0.5); }
.sidebar-tree { position: relative; }
.sidebar ul:before { content: \"\"; position: absolute; top: 0; left: 0; height: 100%; border-left: 2px dashed rgba(50, 50, 50, 0.4); }
.sidebar li:before { content: \"\"; position: absolute; width: 1rem; top: 0.8rem; left: -1.2rem; border-bottom: 2px dashed rgba(50, 50, 50, 0.4); }
.sidebar a { color: #ffa74d; }
h1 { text-align: center; } h1 { text-align: center; }
.sitename { margin-top: 5rem; margin-bottom: 3rem; font-size: 2.5rem; } .sitename { margin-top: 5rem; margin-bottom: 3rem; font-size: 2.5rem; }
main { padding: 2rem; background: #faf8fb; box-shadow: 0 0.1rem 1rem 0.3rem rgba(50, 50, 50, 0.5); } main { padding: 2rem; background: #faf8fb; box-shadow: 0 0.1rem 1rem 0.3rem rgba(50, 50, 50, 0.5); }
@ -821,7 +827,7 @@ register_module([
"name" => "Sidebar", "name" => "Sidebar",
"version" => "0.1", "version" => "0.1",
"author" => "Starbeamrainbowlabs", "author" => "Starbeamrainbowlabs",
"description" => "", "description" => "Adds a sidebar to the left hand side of every page. Add '\$settings->sidebar_show = true;' to your configuration, or append '&sidebar=yes' to the url to enable. Adding to the url sets a cookie to remember your setting.",
"id" => "extra-sidebar", "id" => "extra-sidebar",
"code" => function() { "code" => function() {
$show_sidebar = false; $show_sidebar = false;
@ -836,7 +842,7 @@ register_module([
{ {
$show_sidebar = true; $show_sidebar = true;
// Set a cookie to persist the display of the sidebar // Set a cookie to persist the display of the sidebar
setcookie("sidebar_show", "true", 60 * 60 * 24 * 30); setcookie("sidebar_show", "true", time() + (60 * 60 * 24 * 30));
} }
// Show the sidebar if the cookie is set // Show the sidebar if the cookie is set
@ -872,6 +878,11 @@ register_module([
<style> <style>
body { display: flex; } body { display: flex; }
.main-container { flex: 1; } .main-container { flex: 1; }
.sidebar { position: relative; z-index: 100; margin-top: 0.6rem; padding: 1rem 3rem 2rem 0.4rem; }
.sidebar ul { position: relative; margin: 0.3rem 0.3rem 0.3rem 1rem; padding: 0.3rem 0.3rem 0.3rem 1rem; list-style-type: none; }
.sidebar li { position: relative; margin: 0.3rem; padding: 0.3rem; }
</style>"; </style>";
} }
}); });
@ -890,7 +901,10 @@ function render_sidebar($pageindex, $root_pagename = "")
{ {
global $settings; global $settings;
$result = "<ul>"; $result = "<ul";
// If this is the very root of the tree, add an extra class to it
if($root_pagename == "") $result .= " class='sidebar-tree'";
$result .=">";
foreach ($pageindex as $pagename => $details) foreach ($pageindex as $pagename => $details)
{ {
// If we have a valid root pagename, and it isn't present at the // If we have a valid root pagename, and it isn't present at the
@ -910,11 +924,11 @@ function render_sidebar($pageindex, $root_pagename = "")
$result .= "<li><a href='?action=$settings->defaultaction&page=$pagename'>$pagename</a>\n"; $result .= "<li><a href='?action=$settings->defaultaction&page=$pagename'>$pagename</a>\n";
$result .= render_sidebar($pageindex, $pagename); $result .= render_sidebar($pageindex, $pagename);
$result .= "</li>"; $result .= "</li>\n";
} }
$result .= "</ul>"; $result .= "</ul>\n";
return $result == "<ul></ul>" ? "" : $result; return $result == "<ul></ul>\n" ? "" : $result;
} }

4
module_index.json
View file

@ -11,9 +11,9 @@
"name": "Sidebar", "name": "Sidebar",
"version": "0.1", "version": "0.1",
"author": "Starbeamrainbowlabs", "author": "Starbeamrainbowlabs",
"description": "", "description": "Adds a sidebar to the left hand side of every page. Add '$settings->sidebar_show = true;' to your configuration, or append '&sidebar=yes' to the url to enable. Adding to the url sets a cookie to remember your setting.",
"id": "extra-sidebar", "id": "extra-sidebar",
"lastupdate": 1438679978 "lastupdate": 1438714978
}, },
{ {
"name": "Credits", "name": "Credits",

15
modules/extra-sidebar.php
View file

@ -3,7 +3,7 @@ register_module([
"name" => "Sidebar", "name" => "Sidebar",
"version" => "0.1", "version" => "0.1",
"author" => "Starbeamrainbowlabs", "author" => "Starbeamrainbowlabs",
"description" => "", "description" => "Adds a sidebar to the left hand side of every page. Add '\$settings->sidebar_show = true;' to your configuration, or append '&sidebar=yes' to the url to enable. Adding to the url sets a cookie to remember your setting.",
"id" => "extra-sidebar", "id" => "extra-sidebar",
"code" => function() { "code" => function() {
$show_sidebar = false; $show_sidebar = false;
@ -18,7 +18,7 @@ register_module([
{ {
$show_sidebar = true; $show_sidebar = true;
// Set a cookie to persist the display of the sidebar // Set a cookie to persist the display of the sidebar
setcookie("sidebar_show", "true", 60 * 60 * 24 * 30); setcookie("sidebar_show", "true", time() + (60 * 60 * 24 * 30));
} }
// Show the sidebar if the cookie is set // Show the sidebar if the cookie is set
@ -55,11 +55,10 @@ register_module([
body { display: flex; } body { display: flex; }
.main-container { flex: 1; } .main-container { flex: 1; }
.sidebar-tree, .sidebar-tree ul { margin: 0; padding: 0; list-style-type: none; } .sidebar { position: relative; z-index: 100; margin-top: 0.6rem; padding: 1rem 3rem 2rem 0.4rem; }
.sidebar-tree ul { position: relative; margin-left: 1rem; } .sidebar ul { position: relative; margin: 0.3rem 0.3rem 0.3rem 1rem; padding: 0.3rem 0.3rem 0.3rem 1rem; list-style-type: none; }
.sidebar-tree ul ul { margin-left: 0.5rem; } .sidebar li { position: relative; margin: 0.3rem; padding: 0.3rem; }
.sidebar-tree ul:before { content: \"\"; display: block; width: 0; position: absolute; top: 0; left: 0; bottom: 0; border-left: 1px solid; }
.sidebar-tree li { position: relative; margin: 0; padding: 0;}
</style>"; </style>";
} }
}); });
@ -105,7 +104,7 @@ function render_sidebar($pageindex, $root_pagename = "")
} }
$result .= "</ul>\n"; $result .= "</ul>\n";
return $result == "<ul class='sidebar-tree'></ul>" ? "" : $result; return $result == "<ul></ul>\n" ? "" : $result;
} }
?> ?>

6
settings.fragment.php
View file

@ -153,6 +153,12 @@ input[type=search] { width: 14rem; padding: 0.3rem 0.4rem; font-size: 1rem; colo
input[type=search]::-webkit-input-placeholder { color : rgba(255, 255, 255, 0.75); } input[type=search]::-webkit-input-placeholder { color : rgba(255, 255, 255, 0.75); }
input[type=button], input[type=submit] { cursor: pointer; } input[type=button], input[type=submit] { cursor: pointer; }
.sidebar { background: #9e7eb4; box-shadow: inset -0.6rem 0 0.8rem -0.5rem rgba(50, 50, 50, 0.5); }
.sidebar-tree { position: relative; }
.sidebar ul:before { content: \"\"; position: absolute; top: 0; left: 0; height: 100%; border-left: 2px dashed rgba(50, 50, 50, 0.4); }
.sidebar li:before { content: \"\"; position: absolute; width: 1rem; top: 0.8rem; left: -1.2rem; border-bottom: 2px dashed rgba(50, 50, 50, 0.4); }
.sidebar a { color: #ffa74d; }
h1 { text-align: center; } h1 { text-align: center; }
.sitename { margin-top: 5rem; margin-bottom: 3rem; font-size: 2.5rem; } .sitename { margin-top: 5rem; margin-bottom: 3rem; font-size: 2.5rem; }
main { padding: 2rem; background: #faf8fb; box-shadow: 0 0.1rem 1rem 0.3rem rgba(50, 50, 50, 0.5); } main { padding: 2rem; background: #faf8fb; box-shadow: 0 0.1rem 1rem 0.3rem rgba(50, 50, 50, 0.5); }