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:
parent
40fa118cca
commit
cf24d63fa4
16 changed files with 107 additions and 107 deletions
|
@ -4,17 +4,15 @@ form
|
|||
display: block
|
||||
width: 20em
|
||||
|
||||
ul
|
||||
.input
|
||||
list-style-type: none
|
||||
margin: 0 0 1em 0
|
||||
margin: 0 0 2em 0
|
||||
padding: 0
|
||||
li
|
||||
margin-top: 1.2em
|
||||
label
|
||||
display: block
|
||||
padding: 0.3em 0
|
||||
.input
|
||||
margin-bottom: 2em
|
||||
.input li:first-child label:not(.radio):not(.checkbox):not(.file-dropper),
|
||||
.input li:first-child
|
||||
padding-top: 0
|
||||
|
|
|
@ -106,7 +106,7 @@
|
|||
text-align: left
|
||||
|
||||
label
|
||||
display: none
|
||||
display: none !important
|
||||
form
|
||||
width: auto
|
||||
margin-bottom: 0.75em
|
||||
|
|
|
@ -39,6 +39,10 @@ $cancel-button-color = tomato
|
|||
margin-top: 1em
|
||||
|
||||
.uploadables-container
|
||||
list-style-type: none
|
||||
margin: 0
|
||||
padding: 0
|
||||
|
||||
li
|
||||
margin: 0 0 1.2em 0
|
||||
|
||||
|
|
|
@ -87,7 +87,8 @@ div.tag-input
|
|||
|
||||
ul.compact-tags
|
||||
width: 100%
|
||||
margin-top: 0.5em
|
||||
margin: 0.5em 0 0 0
|
||||
padding: 0
|
||||
li
|
||||
margin: 0
|
||||
width: 100%
|
||||
|
|
|
@ -41,7 +41,7 @@
|
|||
|
||||
.tag-list-header
|
||||
label
|
||||
display: none
|
||||
display: none !important
|
||||
text-align: left
|
||||
form
|
||||
width: auto
|
||||
|
|
|
@ -28,7 +28,7 @@
|
|||
|
||||
.user-list-header
|
||||
label
|
||||
display: none
|
||||
display: none !important
|
||||
text-align: left
|
||||
form
|
||||
width: auto
|
||||
|
|
|
@ -1,33 +1,33 @@
|
|||
<div class='content-wrapper' id='login'>
|
||||
<h1>Log in</h1>
|
||||
<form>
|
||||
<div class='input'>
|
||||
<ul>
|
||||
<li>
|
||||
<%= ctx.makeTextInput({
|
||||
text: 'User name',
|
||||
name: 'name',
|
||||
required: true,
|
||||
pattern: ctx.userNamePattern,
|
||||
}) %>
|
||||
</li>
|
||||
<li>
|
||||
<%= ctx.makePasswordInput({
|
||||
text: 'Password',
|
||||
name: 'password',
|
||||
required: true,
|
||||
pattern: ctx.passwordPattern,
|
||||
}) %>
|
||||
</li>
|
||||
<li>
|
||||
<%= ctx.makeCheckbox({
|
||||
text: 'Remember me',
|
||||
name: 'remember-user',
|
||||
}) %>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class='input'>
|
||||
<li>
|
||||
<%= ctx.makeTextInput({
|
||||
text: 'User name',
|
||||
name: 'name',
|
||||
required: true,
|
||||
pattern: ctx.userNamePattern,
|
||||
}) %>
|
||||
</li>
|
||||
<li>
|
||||
<%= ctx.makePasswordInput({
|
||||
text: 'Password',
|
||||
name: 'password',
|
||||
required: true,
|
||||
pattern: ctx.passwordPattern,
|
||||
}) %>
|
||||
</li>
|
||||
<li>
|
||||
<%= ctx.makeCheckbox({
|
||||
text: 'Remember me',
|
||||
name: 'remember-user',
|
||||
}) %>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class='messages'></div>
|
||||
|
||||
<div class='buttons'>
|
||||
<input type='submit' value='Log in'/>
|
||||
<% if (ctx.canSendMails) { %>
|
||||
|
|
|
@ -1,20 +1,20 @@
|
|||
<div class='content-wrapper' id='password-reset'>
|
||||
<h1>Password reset</h1>
|
||||
<form autocomplete='off'>
|
||||
<div class='input'>
|
||||
<ul>
|
||||
<li>
|
||||
<%= ctx.makeTextInput({
|
||||
text: 'User name or e-mail address',
|
||||
name: 'user-name',
|
||||
required: true,
|
||||
}) %>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class='input'>
|
||||
<li>
|
||||
<%= ctx.makeTextInput({
|
||||
text: 'User name or e-mail address',
|
||||
name: 'user-name',
|
||||
required: true,
|
||||
}) %>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<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.
|
||||
It is recommended to change that password to something else.</small></p>
|
||||
|
||||
<div class='messages'></div>
|
||||
<div class='buttons'>
|
||||
<input type='submit' value='Proceed'/>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<div class='post-merge'>
|
||||
<form>
|
||||
<ul>
|
||||
<ul class='input'>
|
||||
<li class='post-mirror'>
|
||||
<div class='left-post-container'></div>
|
||||
<div class='right-post-container'></div>
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<form>
|
||||
<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>
|
||||
<%= ctx.makeCheckbox({
|
||||
name: 'confirm-deletion',
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<div class='content-wrapper tag-edit'>
|
||||
<form>
|
||||
<ul>
|
||||
<ul class='input'>
|
||||
<li class='names'>
|
||||
<% if (ctx.canEditNames) { %>
|
||||
<%= ctx.makeTextInput({
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<div class='tag-merge'>
|
||||
<form>
|
||||
<ul>
|
||||
<ul class='input'>
|
||||
<li class='target'>
|
||||
<%= ctx.makeTextInput({required: true, text: 'Target tag', pattern: ctx.tagNamePattern}) %>
|
||||
</li>
|
||||
|
|
|
@ -1,12 +1,11 @@
|
|||
<div class='tag-list-header'>
|
||||
<form class='horizontal'>
|
||||
<div class='input'>
|
||||
<ul>
|
||||
<li>
|
||||
<%= ctx.makeTextInput({text: 'Search query', id: 'search-text', name: 'search-text', value: ctx.parameters.query}) %>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class='input'>
|
||||
<li>
|
||||
<%= ctx.makeTextInput({text: 'Search query', id: 'search-text', name: 'search-text', value: ctx.parameters.query}) %>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class='buttons'>
|
||||
<input type='submit' value='Search'/>
|
||||
<a class='button append' href='/help/search/tags'>Syntax help</a>
|
||||
|
|
|
@ -1,16 +1,15 @@
|
|||
<div id='user-delete'>
|
||||
<form>
|
||||
<div class='input'>
|
||||
<ul>
|
||||
<li>
|
||||
<%= ctx.makeCheckbox({
|
||||
name: 'confirm-deletion',
|
||||
text: 'I confirm that I want to delete this account.',
|
||||
required: true,
|
||||
}) %>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class='input'>
|
||||
<li>
|
||||
<%= ctx.makeCheckbox({
|
||||
name: 'confirm-deletion',
|
||||
text: 'I confirm that I want to delete this account.',
|
||||
required: true,
|
||||
}) %>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class='messages'></div>
|
||||
<div class='buttons'>
|
||||
<input type='submit' value='Delete account'/>
|
||||
|
|
|
@ -4,44 +4,44 @@
|
|||
<input class='anticomplete' type='text' name='fakeuser'/>
|
||||
<input class='anticomplete' type='password' name='fakepass'/>
|
||||
|
||||
<div class='input'>
|
||||
<ul>
|
||||
<li>
|
||||
<%= ctx.makeTextInput({
|
||||
text: 'User name',
|
||||
name: 'name',
|
||||
placeholder: 'letters, digits, _, -',
|
||||
required: true,
|
||||
pattern: ctx.userNamePattern,
|
||||
}) %>
|
||||
</li>
|
||||
<li>
|
||||
<%= ctx.makePasswordInput({
|
||||
text: 'Password',
|
||||
name: 'password',
|
||||
placeholder: '5+ characters',
|
||||
required: true,
|
||||
pattern: ctx.passwordPattern,
|
||||
}) %>
|
||||
</li>
|
||||
<li>
|
||||
<%= ctx.makeEmailInput({
|
||||
text: 'Email',
|
||||
name: 'email',
|
||||
placeholder: 'optional',
|
||||
}) %>
|
||||
<p class='hint'>
|
||||
Used for password reminder and to show a <a href='http://gravatar.com/'>Gravatar</a>.
|
||||
Leave blank for random Gravatar.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class='input'>
|
||||
<li>
|
||||
<%= ctx.makeTextInput({
|
||||
text: 'User name',
|
||||
name: 'name',
|
||||
placeholder: 'letters, digits, _, -',
|
||||
required: true,
|
||||
pattern: ctx.userNamePattern,
|
||||
}) %>
|
||||
</li>
|
||||
<li>
|
||||
<%= ctx.makePasswordInput({
|
||||
text: 'Password',
|
||||
name: 'password',
|
||||
placeholder: '5+ characters',
|
||||
required: true,
|
||||
pattern: ctx.passwordPattern,
|
||||
}) %>
|
||||
</li>
|
||||
<li>
|
||||
<%= ctx.makeEmailInput({
|
||||
text: 'Email',
|
||||
name: 'email',
|
||||
placeholder: 'optional',
|
||||
}) %>
|
||||
<p class='hint'>
|
||||
Used for password reminder and to show a <a href='http://gravatar.com/'>Gravatar</a>.
|
||||
Leave blank for random Gravatar.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class='messages'></div>
|
||||
<div class='buttons'>
|
||||
<input type='submit' value='Create an account'/>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class='info'>
|
||||
<p>Registered users can:</p>
|
||||
<ul>
|
||||
|
|
|
@ -1,12 +1,11 @@
|
|||
<div class='user-list-header'>
|
||||
<form class='horizontal'>
|
||||
<div class='input'>
|
||||
<ul>
|
||||
<li>
|
||||
<%= ctx.makeTextInput({text: 'Search query', id: 'search-text', name: 'search-text', value: ctx.parameters.query}) %>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class='input'>
|
||||
<li>
|
||||
<%= ctx.makeTextInput({text: 'Search query', id: 'search-text', name: 'search-text', value: ctx.parameters.query}) %>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class='buttons'>
|
||||
<input type='submit' value='Search'/>
|
||||
<a class='append' href='/help/search/users'>Syntax help</a>
|
||||
|
|
Loading…
Reference in a new issue