mirror of https://gitlab.com/tildes/tildes.git
Browse Source
Convert post buttons from <a> to <button>
Convert post buttons from <a> to <button>
This is a change I've been meaning to make for a while anyway for better semantic HTML and accessibility, and it ended up being necessary to be able to support some other updates as well.merge-requests/64/head
Deimos
6 years ago
9 changed files with 105 additions and 105 deletions
-
46tildes/scss/modules/_btn.scss
-
2tildes/scss/modules/_comment.scss
-
45tildes/scss/modules/_post-buttons.scss
-
1tildes/scss/styles.scss
-
24tildes/scss/themes/_theme_base.scss
-
2tildes/static/js/behaviors/comment-label-button.js
-
2tildes/static/js/behaviors/comment-reply-button.js
-
34tildes/tildes/templates/macros/comments.jinja2
-
54tildes/tildes/templates/topic.jinja2
@ -1,45 +0,0 @@ |
|||
// Copyright (c) 2018 Tildes contributors <code@tildes.net> |
|||
// SPDX-License-Identifier: AGPL-3.0-or-later |
|||
|
|||
.post-buttons { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
margin: 0; |
|||
padding: 0.2rem; |
|||
|
|||
// The buttons don't need to be spaced widely on a desktop |
|||
@media (min-width: $size-md) { |
|||
justify-content: left; |
|||
} |
|||
|
|||
li { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
// Combined with flex-wrap: wrap, this should put any form on its own line |
|||
form { |
|||
min-width: 100%; |
|||
} |
|||
} |
|||
|
|||
.post-button { |
|||
@include min-touch-size; |
|||
|
|||
display: flex; |
|||
padding: 0.2rem 0.4rem; |
|||
|
|||
justify-content: center; |
|||
align-items: center; |
|||
|
|||
font-weight: bold; |
|||
font-size: 0.6rem; |
|||
line-height: 0.6rem; |
|||
|
|||
cursor: pointer; |
|||
} |
|||
|
|||
.post-button-used { |
|||
text-decoration: underline; |
|||
} |
Write
Preview
Loading…
Cancel
Save
Reference in new issue