Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Slideout options now respond intelligently to post form size. :3

Browse Source
This commit is contained in:
Zixaphir 2013-04-12 00:03:57 -07:00
parent a5b02243e9
commit c95e09249e
3 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
appchan-x.user.js
View File

File diff suppressed because one or more lines are too long

14
css/layout.css
View File

@ -1025,29 +1025,35 @@ input:checked + .rice {
}"
"slideout": "
#qrtab input,
#qrtab .rice {
display: none;
}
#qr {
top: auto !important;
bottom: 1.7em !important;
#{Style.sidebarLocation[0]}: -#{233 + Style.sidebarOffset.W}px !important;
#{Style.sidebarLocation[0]}: 0 !important;
#{Style.sidebarLocation[1]}: auto !important;
#{agent}transform: translateX(#{xOffset}93%);
}
#qr:hover,
#qr.focus,
#qr.dump {
#{agent}transform: translate(#{xOffset + (233 + Style.sidebarOffset.W)}px);
#{agent}transform: translate(0);
}"
"tabbed slideout": "
#qr {
top: auto !important;
bottom: 1.7em !important;
#{Style.sidebarLocation[0]}: -#{252 + Style.sidebarOffset.W}px !important;
#{Style.sidebarLocation[0]}: 0 !important;
#{Style.sidebarLocation[1]}: auto !important;
#{agent}transform: translateX(#{xOffset}100%);
}
#qr:hover,
#qr.focus,
#qr.dump {
#{agent}transform: translate(#{xOffset + (252 + Style.sidebarOffset.W)}px);
#{agent}transform: translateX(0);
}
#qrtab {
#{agent}transform: rotate(#{(if Style.sidebarLocation[0] is "left" then "" else "-")}90deg);

2
src/appchan.coffee
View File

@ -125,7 +125,7 @@ Style =
layout: ->
_conf = Conf
agent = Style.agent
xOffset = if _conf["Sidebar Location"] is "left" then '' else '-'
xOffset = if _conf["Sidebar Location"] is "left" then '-' else ''
# Position of submenus in relation to the post menu.
position = {