swaggboi/PostText
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Some CSS overhaul (RIP diff viewers)

Browse source
This commit is contained in:
swagg boi 2023-11-02 14:30:07 -04:00
parent 97543815dd
commit b74112b452
3 changed files with 123 additions and 135 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
assets/css/nested.css
View file

@ -105,3 +105,38 @@
text-align: center; text-align: center;
padding: 0.25em 0; padding: 0.25em 0;
} }
/* New header stuff */
.header {
display: flex;
flex-flow: column;
text-align: center;
border: outset var(--light-warm-gray) 0.18rem;
background-color: var(--light-warm-gray);
padding: 0 0.25em 0.5em 0.25em;
margin-top: 1.25em;
}
.header__nav {
display: flex;
flex-flow: row wrap;
gap: 0.25em;
text-align: left;
}
.header__nav--moderator {
margin: 0.5em 0 0 0;
align-items: center;
}
.header__nav > .click {
flex: 1;
padding: 0 0.5em;
}
.header__search {
display: flex;
flex-flow: row;
gap: 0.25em;
margin-top: 0.5em;
}

45
assets/css/simple.css
View file

@ -13,35 +13,6 @@
background-color: var(--dark-blue); background-color: var(--dark-blue);
} }
.site-header {
display: flex;
flex-flow: column;
gap: 1em;
}
.site-title {
text-align: center;
border: outset var(--light-warm-gray) 0.18rem;
background-color: var(--light-warm-gray);
padding: 0.5em 0;
margin-bottom: 0.15em;
overflow-wrap: anywhere;
}
.site-nav {
display: flex;
flex-flow: row wrap;
gap: 0.25em;
border: outset var(--light-warm-gray) 0.18rem;
padding: 0.5em 0.25em;
background-color: var(--light-warm-gray);
}
.site-nav > .click {
flex: 1;
padding: 0 0.5em 0 0.5em;
}
.site-footer { .site-footer {
text-align: center; text-align: center;
border: outset var(--light-warm-gray) 0.18rem; border: outset var(--light-warm-gray) 0.18rem;
@ -119,22 +90,6 @@
background-color: var(--dark-blue); background-color: var(--dark-blue);
} }
.search-body {
background-color: var(--light-warm-gray);
border: outset var(--light-warm-gray) 0.18rem;
padding: 0.5em 0.5em;
display: flex;
flex-flow: column;
gap: 1em;
margin-top: 0.25em;
}
.search-field {
display: flex;
flex-flow: row;
gap: 0;
}
#search { #search {
width: 100%; width: 100%;
border: inset var(--dark-warm-gray) 0.18rem; border: inset var(--dark-warm-gray) 0.18rem;

14
templates/layouts/default.html.ep
View file

@ -32,9 +32,9 @@
<%= asset 'app.css' %> <%= asset 'app.css' %>
</head> </head>
<body> <body>
<header class="site-header"> <header class="header">
<h1 class="site-title">Post::Text</h1> <h1 class="header__title">Post::Text</h1>
<nav class="site-nav"> <nav class="header__nav">
<%= link_to List => threads_list => {list_page => 1}, <%= link_to List => threads_list => {list_page => 1},
(class => 'click') %> (class => 'click') %>
<%= link_to New => post_thread => (class => 'click') %> <%= link_to New => post_thread => (class => 'click') %>
@ -43,7 +43,7 @@
<%= link_to Feeds => feeds_page => (class => 'click') %> <%= link_to Feeds => feeds_page => (class => 'click') %>
</nav> </nav>
<% if (is_mod) { =%> <% if (is_mod) { =%>
<nav class="site-nav"> <nav class="header__nav header__nav--moderator">
<span>Moderate:</span> <span>Moderate:</span>
<%= link_to Flagged => flagged_list => (class => 'click') %> <%= link_to Flagged => flagged_list => (class => 'click') %>
<%= link_to Hidden => hidden_list => (class => 'click') %> <%= link_to Hidden => hidden_list => (class => 'click') %>
@ -52,7 +52,7 @@
</nav> </nav>
<% } =%> <% } =%>
<% if (is_admin) { =%> <% if (is_admin) { =%>
<nav class="site-nav"> <nav class="header__nav header__nav--moderator">
<span>Admin:</span> <span>Admin:</span>
<%= link_to Create => create_mod => (class => 'click') %> <%= link_to Create => create_mod => (class => 'click') %>
<%= link_to Reset => admin_reset => (class => 'click') %> <%= link_to Reset => admin_reset => (class => 'click') %>
@ -62,8 +62,7 @@
<%= link_to Demote => demote_admin => (class => 'click') %> <%= link_to Demote => demote_admin => (class => 'click') %>
</nav> </nav>
<% } =%> <% } =%>
<%= form_for search_page => (class => 'search-body'), begin %> <%= form_for search_page => (class => 'header__search'), begin %>
<div class="search-field">
<% if (my $error = validation->error('q')) { =%> <% if (my $error = validation->error('q')) { =%>
<p class="field-with-error">Must be between <%= $error->[2] %> <p class="field-with-error">Must be between <%= $error->[2] %>
and <%= $error->[3] %> characters.</p> and <%= $error->[3] %> characters.</p>
@ -75,7 +74,6 @@
required => undef required => undef
) %> ) %>
<button type="submit" class="search-button">Search</button> <button type="submit" class="search-button">Search</button>
</div>
<% end %> <% end %>
</header> </header>
<% if (flash 'error') { =%> <% if (flash 'error') { =%>