client/css: fix lists in comments css inheritance

Markdown lists in comments inherited some unwanted CSS rules. The fix is
to make the culprit rules apply to more specific elements.
This commit is contained in:
rr- 2016-12-22 23:37:30 +01:00
parent 40fa118cca
commit cf24d63fa4
16 changed files with 107 additions and 107 deletions

View File

@ -4,17 +4,15 @@ form
display: block display: block
width: 20em width: 20em
ul .input
list-style-type: none list-style-type: none
margin: 0 0 1em 0 margin: 0 0 2em 0
padding: 0 padding: 0
li li
margin-top: 1.2em margin-top: 1.2em
label label
display: block display: block
padding: 0.3em 0 padding: 0.3em 0
.input
margin-bottom: 2em
.input li:first-child label:not(.radio):not(.checkbox):not(.file-dropper), .input li:first-child label:not(.radio):not(.checkbox):not(.file-dropper),
.input li:first-child .input li:first-child
padding-top: 0 padding-top: 0

View File

@ -106,7 +106,7 @@
text-align: left text-align: left
label label
display: none display: none !important
form form
width: auto width: auto
margin-bottom: 0.75em margin-bottom: 0.75em

View File

@ -39,6 +39,10 @@ $cancel-button-color = tomato
margin-top: 1em margin-top: 1em
.uploadables-container .uploadables-container
list-style-type: none
margin: 0
padding: 0
li li
margin: 0 0 1.2em 0 margin: 0 0 1.2em 0

View File

@ -87,7 +87,8 @@ div.tag-input
ul.compact-tags ul.compact-tags
width: 100% width: 100%
margin-top: 0.5em margin: 0.5em 0 0 0
padding: 0
li li
margin: 0 margin: 0
width: 100% width: 100%

View File

@ -41,7 +41,7 @@
.tag-list-header .tag-list-header
label label
display: none display: none !important
text-align: left text-align: left
form form
width: auto width: auto

View File

@ -28,7 +28,7 @@
.user-list-header .user-list-header
label label
display: none display: none !important
text-align: left text-align: left
form form
width: auto width: auto

View File

@ -1,8 +1,7 @@
<div class='content-wrapper' id='login'> <div class='content-wrapper' id='login'>
<h1>Log in</h1> <h1>Log in</h1>
<form> <form>
<div class='input'> <ul class='input'>
<ul>
<li> <li>
<%= ctx.makeTextInput({ <%= ctx.makeTextInput({
text: 'User name', text: 'User name',
@ -26,8 +25,9 @@
}) %> }) %>
</li> </li>
</ul> </ul>
</div>
<div class='messages'></div> <div class='messages'></div>
<div class='buttons'> <div class='buttons'>
<input type='submit' value='Log in'/> <input type='submit' value='Log in'/>
<% if (ctx.canSendMails) { %> <% if (ctx.canSendMails) { %>

View File

@ -1,8 +1,7 @@
<div class='content-wrapper' id='password-reset'> <div class='content-wrapper' id='password-reset'>
<h1>Password reset</h1> <h1>Password reset</h1>
<form autocomplete='off'> <form autocomplete='off'>
<div class='input'> <ul class='input'>
<ul>
<li> <li>
<%= ctx.makeTextInput({ <%= ctx.makeTextInput({
text: 'User name or e-mail address', text: 'User name or e-mail address',
@ -11,10 +10,11 @@
}) %> }) %>
</li> </li>
</ul> </ul>
</div>
<p><small>Proceeding will send an e-mail that contains a password reset <p><small>Proceeding will send an e-mail that contains a password reset
link. Clicking it is going to generate a new password for your account. link. Clicking it is going to generate a new password for your account.
It is recommended to change that password to something else.</small></p> It is recommended to change that password to something else.</small></p>
<div class='messages'></div> <div class='messages'></div>
<div class='buttons'> <div class='buttons'>
<input type='submit' value='Proceed'/> <input type='submit' value='Proceed'/>

View File

@ -1,6 +1,6 @@
<div class='post-merge'> <div class='post-merge'>
<form> <form>
<ul> <ul class='input'>
<li class='post-mirror'> <li class='post-mirror'>
<div class='left-post-container'></div> <div class='left-post-container'></div>
<div class='right-post-container'></div> <div class='right-post-container'></div>

View File

@ -2,7 +2,7 @@
<form> <form>
<p>This tag has <a href='/posts/query=<%- encodeURIComponent(ctx.tag.names[0]) %>'><%- ctx.tag.postCount %> usage(s)</a>.</p> <p>This tag has <a href='/posts/query=<%- encodeURIComponent(ctx.tag.names[0]) %>'><%- ctx.tag.postCount %> usage(s)</a>.</p>
<ul> <ul class='input'>
<li> <li>
<%= ctx.makeCheckbox({ <%= ctx.makeCheckbox({
name: 'confirm-deletion', name: 'confirm-deletion',

View File

@ -1,6 +1,6 @@
<div class='content-wrapper tag-edit'> <div class='content-wrapper tag-edit'>
<form> <form>
<ul> <ul class='input'>
<li class='names'> <li class='names'>
<% if (ctx.canEditNames) { %> <% if (ctx.canEditNames) { %>
<%= ctx.makeTextInput({ <%= ctx.makeTextInput({

View File

@ -1,6 +1,6 @@
<div class='tag-merge'> <div class='tag-merge'>
<form> <form>
<ul> <ul class='input'>
<li class='target'> <li class='target'>
<%= ctx.makeTextInput({required: true, text: 'Target tag', pattern: ctx.tagNamePattern}) %> <%= ctx.makeTextInput({required: true, text: 'Target tag', pattern: ctx.tagNamePattern}) %>
</li> </li>

View File

@ -1,12 +1,11 @@
<div class='tag-list-header'> <div class='tag-list-header'>
<form class='horizontal'> <form class='horizontal'>
<div class='input'> <ul class='input'>
<ul>
<li> <li>
<%= ctx.makeTextInput({text: 'Search query', id: 'search-text', name: 'search-text', value: ctx.parameters.query}) %> <%= ctx.makeTextInput({text: 'Search query', id: 'search-text', name: 'search-text', value: ctx.parameters.query}) %>
</li> </li>
</ul> </ul>
</div>
<div class='buttons'> <div class='buttons'>
<input type='submit' value='Search'/> <input type='submit' value='Search'/>
<a class='button append' href='/help/search/tags'>Syntax help</a> <a class='button append' href='/help/search/tags'>Syntax help</a>

View File

@ -1,7 +1,6 @@
<div id='user-delete'> <div id='user-delete'>
<form> <form>
<div class='input'> <ul class='input'>
<ul>
<li> <li>
<%= ctx.makeCheckbox({ <%= ctx.makeCheckbox({
name: 'confirm-deletion', name: 'confirm-deletion',
@ -10,7 +9,7 @@
}) %> }) %>
</li> </li>
</ul> </ul>
</div>
<div class='messages'></div> <div class='messages'></div>
<div class='buttons'> <div class='buttons'>
<input type='submit' value='Delete account'/> <input type='submit' value='Delete account'/>

View File

@ -4,8 +4,7 @@
<input class='anticomplete' type='text' name='fakeuser'/> <input class='anticomplete' type='text' name='fakeuser'/>
<input class='anticomplete' type='password' name='fakepass'/> <input class='anticomplete' type='password' name='fakepass'/>
<div class='input'> <ul class='input'>
<ul>
<li> <li>
<%= ctx.makeTextInput({ <%= ctx.makeTextInput({
text: 'User name', text: 'User name',
@ -36,12 +35,13 @@
</p> </p>
</li> </li>
</ul> </ul>
</div>
<div class='messages'></div> <div class='messages'></div>
<div class='buttons'> <div class='buttons'>
<input type='submit' value='Create an account'/> <input type='submit' value='Create an account'/>
</div> </div>
</form> </form>
<div class='info'> <div class='info'>
<p>Registered users can:</p> <p>Registered users can:</p>
<ul> <ul>

View File

@ -1,12 +1,11 @@
<div class='user-list-header'> <div class='user-list-header'>
<form class='horizontal'> <form class='horizontal'>
<div class='input'> <ul class='input'>
<ul>
<li> <li>
<%= ctx.makeTextInput({text: 'Search query', id: 'search-text', name: 'search-text', value: ctx.parameters.query}) %> <%= ctx.makeTextInput({text: 'Search query', id: 'search-text', name: 'search-text', value: ctx.parameters.query}) %>
</li> </li>
</ul> </ul>
</div>
<div class='buttons'> <div class='buttons'>
<input type='submit' value='Search'/> <input type='submit' value='Search'/>
<a class='append' href='/help/search/users'>Syntax help</a> <a class='append' href='/help/search/users'>Syntax help</a>