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
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
|
|
||||||
|
|
|
@ -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%
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -1,33 +1,33 @@
|
||||||
<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',
|
name: 'name',
|
||||||
name: 'name',
|
required: true,
|
||||||
required: true,
|
pattern: ctx.userNamePattern,
|
||||||
pattern: ctx.userNamePattern,
|
}) %>
|
||||||
}) %>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<%= ctx.makePasswordInput({
|
||||||
<%= ctx.makePasswordInput({
|
text: 'Password',
|
||||||
text: 'Password',
|
name: 'password',
|
||||||
name: 'password',
|
required: true,
|
||||||
required: true,
|
pattern: ctx.passwordPattern,
|
||||||
pattern: ctx.passwordPattern,
|
}) %>
|
||||||
}) %>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<%= ctx.makeCheckbox({
|
||||||
<%= ctx.makeCheckbox({
|
text: 'Remember me',
|
||||||
text: 'Remember me',
|
name: 'remember-user',
|
||||||
name: 'remember-user',
|
}) %>
|
||||||
}) %>
|
</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) { %>
|
||||||
|
|
|
@ -1,20 +1,20 @@
|
||||||
<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',
|
name: 'user-name',
|
||||||
name: 'user-name',
|
required: true,
|
||||||
required: true,
|
}) %>
|
||||||
}) %>
|
</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'/>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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({
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -1,16 +1,15 @@
|
||||||
<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',
|
text: 'I confirm that I want to delete this account.',
|
||||||
text: 'I confirm that I want to delete this account.',
|
required: true,
|
||||||
required: true,
|
}) %>
|
||||||
}) %>
|
</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'/>
|
||||||
|
|
|
@ -4,44 +4,44 @@
|
||||||
<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',
|
name: 'name',
|
||||||
name: 'name',
|
placeholder: 'letters, digits, _, -',
|
||||||
placeholder: 'letters, digits, _, -',
|
required: true,
|
||||||
required: true,
|
pattern: ctx.userNamePattern,
|
||||||
pattern: ctx.userNamePattern,
|
}) %>
|
||||||
}) %>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<%= ctx.makePasswordInput({
|
||||||
<%= ctx.makePasswordInput({
|
text: 'Password',
|
||||||
text: 'Password',
|
name: 'password',
|
||||||
name: 'password',
|
placeholder: '5+ characters',
|
||||||
placeholder: '5+ characters',
|
required: true,
|
||||||
required: true,
|
pattern: ctx.passwordPattern,
|
||||||
pattern: ctx.passwordPattern,
|
}) %>
|
||||||
}) %>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<%= ctx.makeEmailInput({
|
||||||
<%= ctx.makeEmailInput({
|
text: 'Email',
|
||||||
text: 'Email',
|
name: 'email',
|
||||||
name: 'email',
|
placeholder: 'optional',
|
||||||
placeholder: 'optional',
|
}) %>
|
||||||
}) %>
|
<p class='hint'>
|
||||||
<p class='hint'>
|
Used for password reminder and to show a <a href='http://gravatar.com/'>Gravatar</a>.
|
||||||
Used for password reminder and to show a <a href='http://gravatar.com/'>Gravatar</a>.
|
Leave blank for random Gravatar.
|
||||||
Leave blank for random Gravatar.
|
</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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue