a/gosora
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Experiment with <img> instead of backgrounds in userinfo on Nox and Cosora.

Browse Source
This commit is contained in:
Azareal 2019-10-30 16:29:27 +10:00
parent 40aa215331
commit 090174a98f
5 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
templates/topic_alt.html
View File

@ -37,9 +37,7 @@
{{range .Poll.QuickOptions}} {{range .Poll.QuickOptions}}
<div class="poll_option"> <div class="poll_option">
<input form="poll_{{$.Poll.ID}}_form" id="poll_option_{{.ID}}" name="poll_option_input" type="checkbox" value="{{.ID}}" /> <input form="poll_{{$.Poll.ID}}_form" id="poll_option_{{.ID}}" name="poll_option_input" type="checkbox" value="{{.ID}}" />
<label class="poll_option_label" for="poll_option_{{.ID}}"> <label class="poll_option_label" for="poll_option_{{.ID}}"><div class="sel"></div></label>
<div class="sel"></div>
</label>
<span id="poll_option_text_{{.ID}}" class="poll_option_text">{{.Value}}</span> <span id="poll_option_text_{{.ID}}" class="poll_option_text">{{.Value}}</span>
</div> </div>
{{end}} {{end}}

2
templates/topic_alt_quick_reply.html
View File

@ -1,6 +1,6 @@
<div class="rowblock topic_reply_container"> <div class="rowblock topic_reply_container">
<div class="userinfo" aria-label="{{lang "topic.your_information"}}"> <div class="userinfo" aria-label="{{lang "topic.your_information"}}">
<div class="avatar_item" style="background-image:url({{.CurrentUser.Avatar}}),url(/s/white-dot.jpg);">&nbsp;</div> <img class="aitem" src="{{.CurrentUser.Avatar}}" alt="Avatar">
<div class="user_meta"> <div class="user_meta">
<a href="{{.CurrentUser.Link}}" class="the_name" rel="author">{{.CurrentUser.Name}}</a> <a href="{{.CurrentUser.Link}}" class="the_name" rel="author">{{.CurrentUser.Name}}</a>
<div class="tag_block"> <div class="tag_block">

3
templates/topic_alt_userinfo.html
View File

@ -1,5 +1,6 @@
<div class="userinfo" aria-label="{{lang "topic.userinfo_aria"}}"> <div class="userinfo" aria-label="{{lang "topic.userinfo_aria"}}">
<div class="avatar_item" style="background-image:url({{.Avatar}}),url(/s/white-dot.jpg);">&nbsp;</div> <!--<div class="avatar_item" style="background-image:url({{.Avatar}}),url(/s/white-dot.jpg);">&nbsp;</div>-->
<img class="aitem" src="{{.Avatar}}" alt="Avatar">
<div class="user_meta"> <div class="user_meta">
<a href="{{.UserLink}}" class="the_name" rel="author">{{.CreatedByName}}</a> <a href="{{.UserLink}}" class="the_name" rel="author">{{.CreatedByName}}</a>
<div class="tag_block"> <div class="tag_block">

10
themes/cosora/public/main.css
View File

@ -1055,13 +1055,15 @@ blockquote:first-child {
flex-direction: column; flex-direction: column;
} }
.avatar_item { .avatar_item {
border-radius: 50px;
width: 84px;
height: 84px;
margin-bottom: 12px;
background-position: 0px -10px; background-position: 0px -10px;
background-size: 120px; background-size: 120px;
} }
.avatar_item, .aitem {
border-radius: 62px;
width: 72px;
height: 72px;
margin-bottom: 8px;
}
.the_name, .userinfo .tag_block { .the_name, .userinfo .tag_block {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;

8
themes/nox/public/main.css
View File

@ -834,11 +834,13 @@ blockquote:first-child {
flex-direction: column; flex-direction: column;
} }
.avatar_item { .avatar_item {
border-radius: 36px;
height: 58px;
width: 58px;
background-position: 0px -10px; background-position: 0px -10px;
background-size: 78px; background-size: 78px;
}
.aitem, .avatar_item {
height: 58px;
width: 58px;
border-radius: 36px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }