interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

feat: Move files

Browse source 
- Template app is now part of hippie and not demo anymore
- Update includes
- Settings module is now called frame
This commit is contained in:
sthag 2025-06-22 17:40:23 +02:00
parent 0a27169a1b
commit 24efcefab3
9 changed files with 101 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

2
source/screens/demo/examples/intro.njk
View file

@ -7,7 +7,7 @@ tags:
{% set pageId = "init" %}
{% set pageClass = "html_ui" %}
{% extends "demo/_app.njk" %}
{% extends "hippie/_app.njk" %}
{% import "hippie/macros/_placeholder.njk" as ph %}
{% block title %}
{{ title }}

2
source/screens/demo/examples/ui/drag.njk
View file

@ -7,7 +7,7 @@ tags:
{% set pageClass = "h_full_view" %}
{% set bodyClass = "body_ui" %}
{% extends "demo/_app.njk" %}
{% extends "hippie/_app.njk" %}
{% block title %}{{ title }}
{% endblock %}

2
source/screens/demo/examples/ui/form.njk
View file

@ -6,7 +6,7 @@ tags:
{% set pageClass = "html_ui" %}
{% set bodyClass = "body_ui" %}
{% extends "demo/_app.njk" %}
{% extends "hippie/_app.njk" %}
{% block title %}{{ title }}
{% endblock %}

2
source/screens/demo/examples/ui/index.njk
View file

@ -7,7 +7,7 @@ tags:
{% set pageClass = "html_ui" %}
{% extends "demo/_app.njk" %}
{% extends "hippie/_app.njk" %}
{% import "hippie/macros/_placeholder.njk" as ph %}
{% block title %}

2
source/screens/demo/examples/ui/new.njk
View file

@ -7,7 +7,7 @@ tags:
{% set pageClass = "h_full_view" %}
{% set bodyClass = "body_new" %}
{% extends "demo/_app.njk" %}
{% extends "hippie/_app.njk" %}
{% import "hippie/macros/_header.njk" as header %}
{% block title %}{{ title }}

93
source/style/modules/ui/_frame_module.scss Executable file
View file

@ -0,0 +1,93 @@
@mixin nav-spacer($name, $size, $orientation) {
.spacer.#{$name} {
width: $size;
}
}
.body_frame {
@extend %flex-column;
@extend .body_ui;
background-color: $color_back_basic;
position: relative;
height: 100%;
header,
aside,
footer {
border: 1px solid transparent;
}
&>header {
background-color: rgba(0, 0, 0, .1);
}
main {
@extend %flex-row;
flex: 1;
aside {
// background-color: rgba(255, 255, 255, .1);
}
section {
&>header,
&>footer {
background-color: transparentize($color_back_io, .5);
&:hover {
background-color: $color_back_io;
}
}
}
section,
section>div {
flex: 1;
}
section {
@extend %flex-column;
gap: 0;
}
}
}
#content {
background-color: $color_back_io;
&>table {
width: 100%;
margin: 0;
border: 0;
tr:hover td {
background-color: $color_highlight_basic;
}
th {
border: 1px solid $color_border_io;
}
td {
border-width: 0 1px;
border-style: solid;
border-color: $color_border_io;
}
}
}
.io {
.spacer {
margin: 0;
border: $border_dotted;
padding: 0;
opacity: .25;
}
@include nav-spacer('a', $space_double, false);
@include nav-spacer('b', $space_small, false);
}

54
source/style/modules/ui/_settings_module.scss
View file

@ -1,54 +0,0 @@
@mixin nav-spacer($name, $size, $orientation) {
.spacer.#{$name} {
width: $size;
}
}
.body_setting {
@extend .body_ui;
background-color: $color_back_basic;
}
#frame {
@extend %flex-column;
position: relative;
height: 100%;
header,
aside,
footer {
border: 1px solid transparent;
}
&>header {
background-color: rgba(0, 0, 0, .1);
}
main {
@extend %flex-row;
flex: 1;
aside {
background-color: rgba(255, 255, 255, .1);
}
section {
flex: 1;
}
}
}
.io {
.spacer {
margin: 0;
border: $border_dotted;
padding: 0;
opacity: .25;
}
@include nav-spacer('a', $space_double, false);
@include nav-spacer('b', $space_small, false);
}

2
source/style/ui.scss
View file

@ -191,7 +191,7 @@ $color_gui_back: $color_dark;
font-family: $family_text_mono;
}
@import "modules/ui/frame_module";
@import "modules/ui/new_module";
@import "modules/ui/settings_module";
@import "modules/ui/drag_module";
@import "modules/ui/form_module";

4
source/templates/demo/_app.njk → source/templates/hippie/_app.njk
View file

@ -1,4 +1,4 @@
<!-- demo.app.template -->
<!-- app.template -->
<!DOCTYPE html>
<html lang="de" class="{{ pageClass }}" id="{{ pageId }}">
<head>
@ -9,7 +9,7 @@
{%- block title %}{% endblock %}{{ hippie.titlePostfix }}</title>
{% block meta %}
{% include "demo/partials/_meta.njk" %}
{% include "hippie/partials/_head_meta.njk" %}
<base href="/">
{% endblock %}