sudoxreboot/habitica
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica.git synced 2026-08-03 08:21:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
habitica/website/public/css/game-pane.styl

196 lines
3.6 KiB
Stylus
Raw Normal View History

add separate game-pane from tasks-pane, make layout smoother #828
2013-05-02 12:17:04 +00:00
.border-right
Highlight username in tavernchat
2013-05-04 17:15:47 +00:00
border-right 1px solid #ddd
add separate game-pane from tasks-pane, make layout smoother #828
2013-05-02 12:17:04 +00:00
add .border-left
2015-01-27 07:08:15 +00:00
.border-left
border-left 1px solid #ddd
add separate game-pane from tasks-pane, make layout smoother #828
2013-05-02 12:17:04 +00:00
.tab-notification
Highlight username in tavernchat
2013-05-04 17:15:47 +00:00
color #fff
background-color #51a351
add in daniel / tavern tab content
2013-05-02 14:01:11 +00:00
fix for https://github.com/HabitRPG/habitrpg/issues/1900
2013-11-24 00:45:14 +00:00
.chat-form
refactor(bs3): port options (profile, inventory, social (groups and hall)) and misc
2014-02-05 18:05:42 +00:00
margin-bottom: 10px
fix(chat): autocomplete list aligns properly with the @ symbol again
2014-03-05 02:54:58 +00:00
position: relative
refactor(bs3): port options (profile, inventory, social (groups and hall)) and misc
2014-02-05 18:05:42 +00:00
textarea
refactor(game-pane.styl): tweak layout and colors – Improve positioning and size of chat-box buttons – Replace some px values with ems – Replace contributor colors with variables (set in global-colors.styl)
2014-07-14 20:51:31 +00:00
margin-bottom: 0.618em
line-height: 1.618em
improve formatting and text in chat area before use has agreed to accept guidelines
2014-09-11 07:28:54 +00:00
.guidelines-not-accepted p
border: 1px solid #ccc
padding: 1em;
margin-bottom: 0.5em;
experimental changes for indicating acceptance of guidelines
2014-09-07 05:14:58 +00:00
refactor(game-pane.styl): tweak layout and colors – Improve positioning and size of chat-box buttons – Replace some px values with ems – Replace contributor colors with variables (set in global-colors.styl)
2014-07-14 20:51:31 +00:00
.chat-controls
> div
display: inline-block
Added hidable markdown help menu and adding to private messages
2015-05-24 02:51:40 +00:00
vertical-align: top
refactor(game-pane.styl): tweak layout and colors – Improve positioning and size of chat-box buttons – Replace some px values with ems – Replace contributor colors with variables (set in global-colors.styl)
2014-07-14 20:51:31 +00:00
&:nth-of-type(1)
Added hidable markdown help menu and adding to private messages
2015-05-24 02:51:40 +00:00
width: 50%
refactor(game-pane.styl): tweak layout and colors – Improve positioning and size of chat-box buttons – Replace some px values with ems – Replace contributor colors with variables (set in global-colors.styl)
2014-07-14 20:51:31 +00:00
&:nth-of-type(2)
Added hidable markdown help menu and adding to private messages
2015-05-24 02:51:40 +00:00
width: 50%
refactor(game-pane.styl): tweak layout and colors – Improve positioning and size of chat-box buttons – Replace some px values with ems – Replace contributor colors with variables (set in global-colors.styl)
2014-07-14 20:51:31 +00:00
.chat-buttons
@extend $hrpg-button
text-align: right;
input
margin-right: 0.618em
Highlight username in tavernchat
2013-05-04 17:15:47 +00:00
refactor(bs3): css
2014-02-09 15:16:43 +00:00
.chat-message
markdown, span.time
padding: 0 3px
refactor(game-pane.styl): tweak layout and colors – Improve positioning and size of chat-box buttons – Replace some px values with ems – Replace contributor colors with variables (set in global-colors.styl)
2014-07-14 20:51:31 +00:00
line-height: 1.618em
Added wrapping rule for user tooltip in chat messages closes #4367
2014-12-09 13:00:24 +00:00
Adjusted tooltip wrapping so it would only affect long titles
2014-12-14 18:18:59 +00:00
.long-title .tooltip
Added wrapping rule for user tooltip in chat messages closes #4367
2014-12-09 13:00:24 +00:00
white-space: normal
closes #4353. If time on chat would break onto new line, just puts whole time statment on new line
2014-12-06 05:51:07 +00:00
span.time
white-space: nowrap
refactor(game-pane.styl): tweak layout and colors – Improve positioning and size of chat-box buttons – Replace some px values with ems – Replace contributor colors with variables (set in global-colors.styl)
2014-07-14 20:51:31 +00:00
refactor(bs3): css
2014-02-09 15:16:43 +00:00
.chat-plus-one
opacity: 0
background-color: #eee
padding: 3px 3px 0px 3px
&:hover .chat-plus-one
opacity: 1
color: #999
chat: add +1 (like) to messages. @snicker does views/options/social/chat-message.jade flag you for any performance issues which should be optimized with bindonce? (I'm still a bit of a bo-noob)
2014-01-06 05:10:34 +00:00
Merge develop and add functionality to party chat
2013-05-05 17:07:36 +00:00
.tavern-chat, .party-chat
refactor(bs3): port options (profile, inventory, social (groups and hall)) and misc
2014-02-05 18:05:42 +00:00
Highlight username in tavernchat
2013-05-04 17:15:47 +00:00
li
chat functions better with just some padding rather than hight & line-height (see multi-line chats with the large line-height)
2013-05-05 22:34:14 +00:00
padding-top:15px
padding-bottom:15px
Highlight username in tavernchat
2013-05-04 17:15:47 +00:00
border-bottom 1px solid #ddd
Moar fixes to my own code, for consistency
2013-07-02 09:25:00 +00:00
word-wrap:break-word
making it nicer to be in chat if someone decides to post spammy crap or huge images
2013-11-23 05:15:28 +00:00
position:relative
Highlight username in tavernchat
2013-05-04 17:15:47 +00:00
&.highlight
refactor(game-pane.styl): tweak layout and colors – Improve positioning and size of chat-box buttons – Replace some px values with ems – Replace contributor colors with variables (set in global-colors.styl)
2014-07-14 20:51:31 +00:00
background: #EEE
Update game-pane.styl This had been bugging me... Adds a 5px space between chat labels and chat text. Untested so probably should double check it first.
2013-09-05 16:17:41 +00:00
label
margin-right:5px
making it nicer to be in chat if someone decides to post spammy crap or huge images
2013-11-23 05:15:28 +00:00
Revert "fix problem in chat of usernames hiding first part of message" This reverts commit 910e4ac0f9e9886a8d3439e197eae3b5c30848ad.
2014-08-24 07:48:44 +00:00
.float-label
float:left
position:absolute
top:17px;
making it nicer to be in chat if someone decides to post spammy crap or huge images
2013-11-23 05:15:28 +00:00
.hidden-label
visibility:hidden
.scrollable-message
refactor(game-pane.styl): tweak layout and colors – Improve positioning and size of chat-box buttons – Replace some px values with ems – Replace contributor colors with variables (set in global-colors.styl)
2014-07-14 20:51:31 +00:00
max-height: 6.472em
making it nicer to be in chat if someone decides to post spammy crap or huge images
2013-11-23 05:15:28 +00:00
overflow-y:auto
fix(dilatory): misc chat fixes for better formatting of neglect strikes
2014-06-25 21:31:45 +00:00
h1, h2, h3, h4, h5
// 20px normally
margin-top:5px
margin-bottom:5px
making it nicer to be in chat if someone decides to post spammy crap or huge images
2013-11-23 05:15:28 +00:00
.expander
float: right
position: absolute
bottom: 18px
right: 20px
background: white
max-width: 20px
max-height: 20px
width: 100%
height: 100%
text-align: center
add in alexander the merchant
2013-05-02 14:12:00 +00:00
contrib: add name-tag colors based on contributor level
2013-11-07 19:24:38 +00:00
.own-message
border-left: 4px solid #333
padding-left: 2px
super awesome mega-fix with unintended awesome collateral-fixes * markdown supported in chat * by proxy, paragraphs are *also* supported in chat now * AND EVEN PROXIER, the issue with emoji not showing properly is fixed
2013-11-22 18:38:40 +00:00
markdown
p:first-child
display:inline
making it nicer to be in chat if someone decides to post spammy crap or huge images
2013-11-23 05:15:28 +00:00
img
max-height:50px
vertical-align:top
contrib: add name-tag colors based on contributor level
2013-11-07 19:24:38 +00:00
removes line on li elements in markdown, fixes #1951
2013-12-02 23:37:09 +00:00
li
border:0
Remove padding from <li> when used in Markdown
2013-12-27 14:56:55 +00:00
padding-top:0px
padding-bottom:0px
removes line on li elements in markdown, fixes #1951
2013-12-02 23:37:09 +00:00
refactor(bs3): css
2014-02-09 15:16:43 +00:00
.panel-tiers
div
display: none
margin-top: 10px
refactor(game-pane.styl): tweak layout and colors – Improve positioning and size of chat-box buttons – Replace some px values with ems – Replace contributor colors with variables (set in global-colors.styl)
2014-07-14 20:51:31 +00:00
// Name tags – For color variables, see global-colors.styl
hrpg-contributor-label-mixin($hrpg-contributor-color)
//@extend $hrpg-label
hrpg-label-color-mixin($hrpg-contributor-color)
.label-contributor-1
hrpg-contributor-label-mixin($color-contributor-one)
.label-contributor-2
hrpg-contributor-label-mixin($color-contributor-two)
.label-contributor-3
hrpg-contributor-label-mixin($color-contributor-three)
.label-contributor-4
hrpg-contributor-label-mixin($color-contributor-four)
.label-contributor-5
hrpg-contributor-label-mixin($color-contributor-five)
.label-contributor-6
hrpg-contributor-label-mixin($color-contributor-six)
contrib: add name-tag colors based on contributor level
2013-11-07 19:24:38 +00:00
.label-contributor-7
refactor(game-pane.styl): tweak layout and colors – Improve positioning and size of chat-box buttons – Replace some px values with ems – Replace contributor colors with variables (set in global-colors.styl)
2014-07-14 20:51:31 +00:00
hrpg-contributor-label-mixin($color-contributor-seven)
contrib: add name-tag colors based on contributor level
2013-11-07 19:24:38 +00:00
.label-contributor-8
finish applying new colours for tier 9 (staff) and tier 8 (mods)
2014-08-07 09:13:19 +00:00
hrpg-contributor-label-mixin($color-contributor-mod)
split Player Tiers table into entries for individual tiers; partially implement new moderator and staff tiers (still invisible to users)
2014-08-02 00:46:16 +00:00
.label-contributor-9
hrpg-contributor-label-mixin($color-contributor-staff)
contrib: add name-tag colors based on contributor level
2013-11-07 19:24:38 +00:00
.label-npc
refactor(game-pane.styl): tweak layout and colors – Improve positioning and size of chat-box buttons – Replace some px values with ems – Replace contributor colors with variables (set in global-colors.styl)
2014-07-14 20:51:31 +00:00
hrpg-contributor-label-mixin($color-contributor-npc)
feat(contribs): start for #3801, update to new badge colors
2014-07-31 18:09:11 +00:00
color: #00FF00 !important
refactor(game-pane.styl): tweak layout and colors – Improve positioning and size of chat-box buttons – Replace some px values with ems – Replace contributor colors with variables (set in global-colors.styl)
2014-07-14 20:51:31 +00:00
add GET /groups/:gid, champ/elite/master tiers, chat sync button
2013-09-07 01:03:44 +00:00
add in alexander the merchant
2013-05-02 14:12:00 +00:00
#market-tab
Highlight username in tavernchat
2013-05-04 17:15:47 +00:00
position relative
height 500px
tavern: show zzz's if they're checked in
2013-05-10 11:25:24 +00:00
Margin on Buttons for #996 & 128eb8a
2013-05-20 08:59:36 +00:00
.buttonList li
add margin-right to all .btn, typo in stylus, add build to .nodemonignore
2013-09-11 18:36:57 +00:00
margin: 5px
fixes 1116
2013-06-05 21:31:56 +00:00
.option-group .option-time
Autocompletion of nicknames in chat works. this commit will require a npm install to fetch new packages
2013-11-12 06:32:52 +00:00
padding: 0px 5px
// Autocomplete [TODO] make this nicer
refactor(bs3): css
2014-02-09 15:16:43 +00:00
.list-at-user
width: 100%
max-width: 120px
position: absolute
background: white
border: 1px solid #a4a4a4
z-index: 10
.list-at-user li
line-height:14px
border-bottom: 1px solid #a4a4a4
list-style-type: none
.list-at-user li:hover
cursor: pointer
background: #b9dff4
.list-at-user li span
margin: 2px
font-size: 11.844px
margin-left: 5px
display: inline-block
.list-cur
background: #b9dff4
Reference in a new issue Copy permalink