Difference between revisions of "Talk:Sandbox"

From GodWiki
Jump to navigation Jump to search
m (→‎Collapsible diary box for main page: moved to main talk page)
Tag: Replaced
Line 1: Line 1:
== Collapsible diary box for main page ==
So I tried to make the diary template collapsible by clicking on the header/title. I don't like how we have to push the content downwards and having the collapsible toggle on the title would hopefully lessen the space each section takes up. I'd like to present the results.
<div style="position: relative; display: inline-block; vertical-align: top; margin: 0.4em 0 0.5em 0;  border: 1px solid #CCCCCC; border-radius: 6px; background-color: #FAFAFA; background: #F5F5F5 -webkit-linear-gradient(top, #F6F8F9, #E7E7E7 31px, #F7F7F7 31px, #F9F9F9); box-shadow: 0px 0px 5px #CFCA7A; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 0.96em; line-height: 145%; padding: 4px; width: 100%;>
<div class = "mw-collapsible" data-collapsetext = "↑" data-expandtext = "↓" style="width: 100%; padding: 0; text-align: center;">
<div class="mw-collapsible-toggle" style="position: relative; height: 23px; margin: 0 auto; width: 100%; font-size: 90%;"><span style="position: absolute; left: 7px; font-family:'Em',Verdana, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold;">!</span><span style="top: 0px; text-align: center; height: 32px; vertical-align: center; color:#444; font-size: 1em; font-weight: bold; margin: 0 auto;">Hero's Diary</span><span style="position: absolute; right: 7px; text-align: right; width: 48px; top: 0px; font-size: 16px;">↻ <span class="mw-collapsible-text">↑</span></span></div>
<div class = "mw-collapsible-content" style="color: #444444; clear: both; padding: 9px 5px 0px; position: relative; font-size: 0.96em; line-height: 1.8; text-align: initial;>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce molestie enim at velit consectetur, sit amet accumsan turpis venenatis. Etiam purus lectus, volutpat vel enim et, faucibus consequat ligula. Sed auctor congue eleifend. Curabitur a laoreet est, at varius tortor. Nam congue metus enim, ut mollis tortor imperdiet vel. Suspendisse vitae auctor lacus, non luctus urna. Integer sit amet metus sit amet tellus tristique varius sit amet id felis. Morbi elementum maximus justo non eleifend. Duis ornare tempor commodo. Sed eu ante congue, dignissim dolor vestibulum, tristique ex. Maecenas quis vestibulum magna. Aliquam eget placerat ligula. Suspendisse sit amet commodo nisl. Vestibulum turpis felis, accumsan faucibus tempor at, auctor at ipsum. Aliquam rutrum volutpat purus, ac sagittis felis fermentum id. Ut pharetra felis a semper ornare.</div>
I don't know how to do templates yet so it's all in HTML and CSS. 😅 Would this be a better way to present content on the Main Page or would it be confusing? -- [[User:Zoombie|Zoombie]] ([[User talk:Zoombie|talk]]) 13:36, 24 February 2021 (UTC)
: It's frankly quite a good job, but I'd say the toggle collapse button is clearly not explicit enough. If I didn't guessed where it was instantly, how the people who <s>never try seriously</s> are not confortable with the wiki are going to guess it?
: A proper button with text inside might not look stylish, but UX wise it's probably a better solution. --[[User:WardPhoenix|WardPhoenix]] ([[User talk:WardPhoenix|talk]]) 17:34, 24 February 2021 (UTC)
:: Hmm... yes, UX is really tricky. One one hand, people like to explore and shiny smooth interface. On the other hand, people don't like tedious exploration and ugly clunky interface. 🤔 I must admit that I forgot to consider that people who mainly play on mobile might not be familiar with this look for diary entries. (I'm guessing the template was first made when the game is still mainly played on desktop?) I tried mimicking the way the diary looks and feels when collapsing it in the game, hence the minimal arrow beside the 'refresh button'. I'd argue though that the whole title is actually the button and not just the tiny arrow on the side. (The arrow is mainly an indication of whether the contents are collapsed or expanded.) That's a lot of space for clicking/tapping which may be useful for those on mobile. -- [[User:Zoombie|Zoombie]] ([[User talk:Zoombie|talk]]) 05:43, 25 February 2021 (UTC)

Latest revision as of 16:38, 25 February 2021

This is the talk page for discussing improvements to the Sandbox article.
This is not a forum for general discussion about the article's subject.

Article policies
  • Opinionated research if possible
  • Neutral point of view when appropriate
  • Humour
  • Verifiability
  • Be polite
  • Assume good faith
  • No personal attacks
  • Do not bite the newcomers
  • Respond in a mature manner
  • Be welcoming
  • Maintain civility at all times