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,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) { %>
|
||||||
|
|
|
@ -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'/>
|
||||||
|
|
|
@ -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,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'/>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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