uhh updates
This commit is contained in:
parent
ae7e08ca21
commit
774527c616
16 changed files with 77 additions and 111 deletions
|
@ -1,18 +1,16 @@
|
|||
.management {
|
||||
.manage {
|
||||
display: flex;
|
||||
|
||||
@media (max-width: @site-mobile-width) {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
&__navigation {
|
||||
&__sidebar {
|
||||
flex: 0 0 auto;
|
||||
width: 300px;
|
||||
margin-right: 2px;
|
||||
width: 280px;
|
||||
|
||||
@media (max-width: @site-mobile-width) {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
20
assets/less/classes/manage/navigation.less
Normal file
20
assets/less/classes/manage/navigation.less
Normal file
|
@ -0,0 +1,20 @@
|
|||
.manage__navigation {
|
||||
margin: 0 2px 2px;
|
||||
|
||||
&__links {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
&__link {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
padding: 2px 5px;
|
||||
margin-bottom: 2px;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -1,47 +0,0 @@
|
|||
.side-navigation {
|
||||
list-style: none;
|
||||
|
||||
@media (min-width: @site-mobile-width) {
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
&--layer-0 {
|
||||
@media (max-width: @site-mobile-width) {
|
||||
font-size: 2em;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.side-navigation--layer-0) {
|
||||
padding-left: 1em;
|
||||
|
||||
@media (max-width: @site-mobile-width) {
|
||||
padding-left: .5em;
|
||||
}
|
||||
}
|
||||
|
||||
&__title {
|
||||
color: var(--text-colour-header);
|
||||
font-family: @mio-font-heading;
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
|
||||
@media (max-width: @site-mobile-width) {
|
||||
padding: 4px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
&__link {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
|
||||
@media (max-width: @site-mobile-width) {
|
||||
padding: 4px 10px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -5,10 +5,10 @@
|
|||
z-index: 1;
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 4px #111;
|
||||
box-shadow: 0 1px 4px #111;
|
||||
box-shadow: 0 1px 2px #111;
|
||||
|
||||
&:hover {
|
||||
box-shadow: 0 1px 8px #111;
|
||||
box-shadow: 0 1px 4px #111;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
justify-content: center;
|
||||
|
||||
&__item {
|
||||
margin: 2px;
|
||||
margin: 0 2px 2px 0;
|
||||
}
|
||||
|
||||
&__selection {
|
||||
|
|
|
@ -69,8 +69,6 @@ body {
|
|||
@import "classes/flag";
|
||||
@import "classes/navigation";
|
||||
@import "classes/pagination";
|
||||
@import "classes/management";
|
||||
@import "classes/side-navigation";
|
||||
@import "classes/warning";
|
||||
|
||||
// Specific styles
|
||||
|
@ -80,6 +78,10 @@ body {
|
|||
@import "classes/permissions";
|
||||
@import "classes/auth";
|
||||
|
||||
// Manage
|
||||
@import "classes/manage/manage";
|
||||
@import "classes/manage/navigation";
|
||||
|
||||
// Profile
|
||||
@import "classes/profile/profile";
|
||||
@import "classes/profile/header";
|
||||
|
|
|
@ -37,7 +37,7 @@ if ($filename !== 'LICENSE') {
|
|||
$filename .= '.md';
|
||||
}
|
||||
|
||||
$filename = __DIR__ . '/../' . ($isMisuzuDoc ? '' : 'docs/site/') . $filename;
|
||||
$filename = __DIR__ . '/../' . ($isMisuzuDoc ? '' : 'docs/') . $filename;
|
||||
$document['content'] = is_file($filename) ? file_get_contents($filename) : '';
|
||||
|
||||
if (empty($document['content'])) {
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
{% extends 'manage/general/master.twig' %}
|
||||
|
||||
{% block manage_content %}
|
||||
<div class="container">
|
||||
<div class="container container--new">
|
||||
<div class="container__title">Overview</div>
|
||||
<div class="container__content">
|
||||
Welcome to Manage, here you can manage things.
|
||||
|
|
|
@ -1,19 +1,16 @@
|
|||
{% macro manage_navigation(navi, level) %}
|
||||
{% from _self import manage_navigation %}
|
||||
{% set level = level|default(0) %}
|
||||
{% macro manage_navigation(nav) %}
|
||||
|
||||
<ul class="side-navigation side-navigation--layer-{{ level }}">
|
||||
{% for name, value in navi %}
|
||||
<li class="side-navigation__item">
|
||||
{% if value is iterable %}
|
||||
<span class="side-navigation__title">{{ name }}</span>
|
||||
{{ manage_navigation(value, level + 1) }}
|
||||
{% else %}
|
||||
<a href="{{ value }}" class="side-navigation__link">{{ name }}</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% for name, value in nav %}
|
||||
<div class="container container--new manage__navigation">
|
||||
<div class="container__title">{{ name }}</div>
|
||||
|
||||
<div class="manage__navigation__links">
|
||||
{% for title, link in value %}
|
||||
<a href="{{ link }}" class="manage__navigation__link">{{ title }}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endmacro %}
|
||||
|
||||
{% macro permissions_table(permissions) %}
|
||||
|
|
|
@ -3,21 +3,14 @@
|
|||
{% set title = 'Broom Closet' %}
|
||||
|
||||
{% block content %}
|
||||
<div class="management">
|
||||
<nav class="management__navigation">
|
||||
<div class="container">
|
||||
<div class="container__title">
|
||||
The Broom Closet
|
||||
</div>
|
||||
<div class="side-navigation__wrapper">
|
||||
{{ manage_navigation(manage_menu) }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="manage">
|
||||
<nav class="manage__sidebar">
|
||||
{{ manage_navigation(manage_menu) }}
|
||||
</nav>
|
||||
|
||||
<div class="management__content">
|
||||
<div class="manage__content">
|
||||
{% block manage_content %}
|
||||
<div class="container">
|
||||
<div class="container container--new">
|
||||
<div class="container__title">No brooms</div>
|
||||
<div class="container__content">
|
||||
This broom closet is empty.
|
||||
|
|
|
@ -9,32 +9,42 @@
|
|||
<div class="userlist">
|
||||
{% for role in manage_roles %}
|
||||
<div class="userlist__item">
|
||||
|
||||
<div class="usercard">
|
||||
<a href="?v=role&r={{ role.role_id }}"
|
||||
class="usercard__background"></a>
|
||||
|
||||
<div class="usercard__container">
|
||||
<div class="avatar usercard__avatar"
|
||||
style="{{ role.role_colour|html_colour('background-color') }}">
|
||||
<div class="usercard__main">
|
||||
<div class="avatar avatar--new usercard__avatar"
|
||||
style="{{ role.role_colour|html_colour('background-color') }}">
|
||||
</div>
|
||||
|
||||
<div class="usercard__details">
|
||||
<div class="usercard__name">
|
||||
{{ role.role_name }}
|
||||
</div>
|
||||
|
||||
<div class="usercard__info">
|
||||
<span class="usercard__item usercard__item--title">
|
||||
{{ role.role_title }}
|
||||
</span>
|
||||
|
||||
<span class="usercard__item usercard__item--title">
|
||||
{{ role.users|number_format }} users
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="usercard__content">
|
||||
<div class="usercard__name">
|
||||
{{ role.role_name }}
|
||||
</div>
|
||||
|
||||
<div class="usercard__info">
|
||||
<span class="usercard__item usercard__item--title">
|
||||
{{ role.role_title }}
|
||||
</span>
|
||||
|
||||
<span class="usercard__item usercard__item--title">
|
||||
{{ role.users|number_format }} users
|
||||
</span>
|
||||
</div>
|
||||
<div class="usercard__actions">
|
||||
<a class="usercard__action" href="/members.php?r={{ role.role_id }}">
|
||||
Members
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
|
|
@ -6,13 +6,6 @@
|
|||
{% include '_layout/meta.twig' %}
|
||||
<link href="{{ '/css/style.css'|asset_url }}" rel="stylesheet">
|
||||
<link href="{{ '/css/libraries.css'|asset_url }}" rel="stylesheet">
|
||||
{% if manage_menu is defined %}
|
||||
<style>
|
||||
:root {
|
||||
--site-max-width: 1500px;
|
||||
}
|
||||
</style>
|
||||
{% endif %}
|
||||
{% if site_background_url is defined %}
|
||||
<style>
|
||||
:root {
|
||||
|
|
|
@ -24,11 +24,11 @@
|
|||
</div>
|
||||
<div class="userlist__selection">
|
||||
<select class="input__select" name="r"
|
||||
style="{{ role.role_colour|html_colour }}">
|
||||
style="{{ role.role_colour|html_colour('color') }}">
|
||||
{% for r in roles %}
|
||||
<option
|
||||
value="{{ r.role_id }}"
|
||||
style="{{ r.role_colour|html_colour }}"
|
||||
style="{{ r.role_colour|html_colour('color') }}"
|
||||
{% if r.role_id == role.role_id %} selected{% endif %}>
|
||||
{{ r.role_name }}
|
||||
</option>
|
||||
|
|
Loading…
Add table
Reference in a new issue