css: standardize width of fixed width pages.

Standardize various width-limited pages to 70em width.
This commit is contained in:
evazion
2019-09-23 17:56:50 -05:00
parent 0a6661d145
commit f4512576a4
16 changed files with 42 additions and 61 deletions

View File

@@ -119,3 +119,7 @@ table tfoot {
font-style: italic; font-style: italic;
font-size: 0.8em; font-size: 0.8em;
} }
.fixed-width-container {
max-width: 70em;
}

View File

@@ -1,5 +0,0 @@
div#c-maintenance-user-login-reminders {
div#a-new {
width: 50em;
}
}

View File

@@ -2,11 +2,10 @@
div#c-static { div#c-static {
div#a-site-map { div#a-site-map {
width: 80em; display: flex;
section { section {
width: 20em; flex: 1;
float: left;
h1 { h1 {
font-size: $h3_size; font-size: $h3_size;

View File

@@ -13,8 +13,6 @@ div#c-tags {
} }
#tags-container { #tags-container {
max-width: 70em;
div.header { div.header {
margin: 0; margin: 0;
display: grid; display: grid;

View File

@@ -1,8 +1,6 @@
@import "../base/000_vars.scss"; @import "../base/000_vars.scss";
div#c-static div#a-terms-of-service { div#c-static div#a-terms-of-service {
width: 40em;
h1 { h1 {
font-size: $h2_size; font-size: $h2_size;
} }

View File

@@ -6,9 +6,4 @@ div#c-user-feedbacks, div#c-moderator-dashboards div#col2 {
.feedback-category-negative { .feedback-category-negative {
background: var(--error-background-color); background: var(--error-background-color);
} }
#negative-policy {
max-width: 50em;
margin-bottom: 1em;
}
} }

View File

@@ -1,8 +1,5 @@
div#c-user-upgrades { div#c-user-upgrades {
div#a-new { div#a-new {
max-width: 40em;
font-size: 1.2em;
form.stripe { form.stripe {
display: inline; display: inline;
} }

View File

@@ -54,13 +54,4 @@ div#c-users {
color: var(--text-color); color: var(--text-color);
} }
} }
div#a-new {
max-width: 60em;
p {
font-size: 1.2em;
line-height: 1.4em;
}
}
} }

View File

@@ -1,5 +1,5 @@
<div id="c-maintenance-user-login-reminders"> <div id="c-maintenance-user-login-reminders">
<div id="a-new"> <div id="a-new" class="fixed-width-container">
<h1>Login Reminder</h1> <h1>Login Reminder</h1>
<p>If you supplied an email address when signing up, <%= Danbooru.config.app_name %> can email you your login information. Password details will not be provided and will not be changed.</p> <p>If you supplied an email address when signing up, <%= Danbooru.config.app_name %> can email you your login information. Password details will not be provided and will not be changed.</p>

View File

@@ -77,7 +77,7 @@
<div class="input" id="tags-container"> <div class="input fixed-width-container" id="tags-container">
<div class="header"> <div class="header">
<%= f.label :tag_string, "Tags" %> <%= f.label :tag_string, "Tags" %>

View File

@@ -1,5 +1,5 @@
<div id="c-static"> <div id="c-static">
<div id="a-site-map"> <div id="a-site-map" class="fixed-width-container">
<section> <section>
<ul> <ul>
<li><h1>Posts</h1></li> <li><h1>Posts</h1></li>

View File

@@ -1,5 +1,5 @@
<div id="c-static"> <div id="c-static">
<div id="a-terms-of-service"> <div id="a-terms-of-service" class="fixed-width-container">
<h1>Rules</h1> <h1>Rules</h1>
<p>Please read the following before using the site:</p> <p>Please read the following before using the site:</p>
@@ -41,7 +41,6 @@
<li>Nude Filter: Images that have been edited by someone other than the original creator to remove clothing or censorship. These typically feature crude drawings of breasts or genitalia laid on top of the original image.</li> <li>Nude Filter: Images that have been edited by someone other than the original creator to remove clothing or censorship. These typically feature crude drawings of breasts or genitalia laid on top of the original image.</li>
</ul> </ul>
</div> </div>
</div>
<div class="section"> <div class="section">
<h4>Copyright Infringement</h4> <h4>Copyright Infringement</h4>

View File

@@ -91,7 +91,7 @@
</div> </div>
</div> </div>
<div class="input" id="tags-container"> <div class="input fixed-width-container" id="tags-container">
<div class="header"> <div class="header">
<%= f.label :tag_string, "Tags" %> <%= f.label :tag_string, "Tags" %>

View File

@@ -1,8 +1,8 @@
<div id="c-user-feedbacks"> <div id="c-user-feedbacks">
<div id="a-new"> <div id="a-new" class="fixed-width-container">
<h1>New User Feedback</h1> <h1>New User Feedback</h1>
<div class="notice" id="negative-policy"> <div class="fixed-width-container" id="negative-policy">
<p>Before submitting negative feedback, you must make a good faith effort at communicating with the user (through DMails) to tell them what they are doing wrong. It is unfair to drop a negative record on them without warning. If you have not done this with at least two weeks of notice, the user can dispute the feedback and have it removed. You will need to provide evidence that your feedback is accurate and you gave advanced warning, so you should collect any relevant links and include them in your feedback.</p> <p>Before submitting negative feedback, you must make a good faith effort at communicating with the user (through DMails) to tell them what they are doing wrong. It is unfair to drop a negative record on them without warning. If you have not done this with at least two weeks of notice, the user can dispute the feedback and have it removed. You will need to provide evidence that your feedback is accurate and you gave advanced warning, so you should collect any relevant links and include them in your feedback.</p>
<p>Please consult <%= link_to "the guide", show_or_new_wiki_pages_path(title: "help:user_records") %> for advice on how to write constructive feedback.</p> <p>Please consult <%= link_to "the guide", show_or_new_wiki_pages_path(title: "help:user_records") %> for advice on how to write constructive feedback.</p>

View File

@@ -1,5 +1,5 @@
<div id="c-user-upgrades"> <div id="c-user-upgrades">
<div id="a-new"> <div id="a-new" class="fixed-width-container">
<h1>Upgrade Account</h1> <h1>Upgrade Account</h1>
<% unless params[:user_id] %> <% unless params[:user_id] %>

View File

@@ -1,12 +1,17 @@
<div id="c-users"> <div id="c-users">
<div id="a-new"> <div id="a-new" class="fixed-width-container">
<h1>Sign Up</h1> <h1>Sign Up</h1>
<p>A basic account is <strong>free</strong> and lets you keep favorites, upload artwork, edit tags, and post comments. If you want <%= link_to "more features", new_user_upgrade_path %> you can upgrade your account later.</p> <p>
A basic account is <strong>free</strong> and lets you keep favorites, upload artwork, edit tags, and post
comments. If you want <%= link_to "more features", new_user_upgrade_path %> you can upgrade your account later.
</p>
<h1 style="margin-bottom: 1em;">This site is open to web crawlers so whatever name you choose will be public!</h1> <p>
<strong>This site is open to web crawlers, so whatever name you choose will be public</strong>. This includes
<p>This includes favorites, uploads, and comments. Almost everything is public. So don't choose a name you don't want to be associated with.</p> favorites, uploads, and comments. Almost everything is public. So don't choose a name you don't want to be
associated with.
</p>
<div id="p3"> <div id="p3">
<%= simple_form_for(@user, html: {id: "signup-form"}) do |f| %> <%= simple_form_for(@user, html: {id: "signup-form"}) do |f| %>