Fix image expansion icon
Make menu an icon too.
This commit is contained in:
Zixaphir
parent
c1ad36e972
commit
46af845baa
File diff suppressed because one or more lines are too long
@ -6,7 +6,9 @@ body > div.navLinks > a:first-of-type::after,
|
||||
#{if Conf['Announcements'] is 'slideout' then '#globalMessage::after,' else ''}
|
||||
#boardNavDesktopFoot::after,
|
||||
body > a[style="cursor: pointer; float: right;"]::after,
|
||||
#imgControls label:first-of-type::after,
|
||||
#imgControls .expand-all-shortcut,
|
||||
#imgControls .contract-all-shortcut,
|
||||
#imgControls .menu-button,
|
||||
#catalog::after,
|
||||
#fappeTyme {
|
||||
z-index: 18;
|
||||
@ -15,7 +17,6 @@ body > a[style="cursor: pointer; float: right;"]::after,
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
content: "";
|
||||
overflow: hidden;
|
||||
opacity: #{if Conf['Invisible Icons'] then 0 else 0.5};
|
||||
}
|
||||
#navtopright .exlinksOptionsLink,
|
||||
@ -33,15 +34,12 @@ body > div.navLinks > a:first-of-type:hover,
|
||||
#{if Conf['Announcements'] is 'slideout' then '#globalMessage:hover,' else ''}
|
||||
#boardNavDesktopFoot:hover,
|
||||
body > a[style="cursor: pointer; float: right;"]:hover,
|
||||
#imgControls .expand-all-shortcut,
|
||||
#imgControls .contract-all-shortcut,
|
||||
#imgControls .menu-button,
|
||||
#catalog:hover {
|
||||
z-index: 17;
|
||||
}
|
||||
#imgControls {
|
||||
z-index: 19;
|
||||
}
|
||||
#imgControls {
|
||||
position: fixed;
|
||||
}
|
||||
#appchanOptions {
|
||||
visibility: visible;
|
||||
background-position: 0 0;
|
||||
@ -64,8 +62,8 @@ body > a[style="cursor: pointer; float: right;"]::after {
|
||||
cursor: pointer;
|
||||
background-position: 0 -75px;
|
||||
}
|
||||
#imgControls label:first-of-type::after {
|
||||
position: static;
|
||||
#imgControls .expand-all-shortcut,
|
||||
#imgControls .contract-all-shortcut {
|
||||
background-position: 0 -90px;
|
||||
}
|
||||
#navtopright .exlinksOptionsLink::after {
|
||||
@ -80,7 +78,9 @@ body > a[style="cursor: pointer; float: right;"]::after {
|
||||
}
|
||||
#boardNavDesktopFoot:hover::after,
|
||||
#globalMessage:hover::after,
|
||||
#imgControls label:hover:first-of-type::after,
|
||||
#imgControls .expand-all-shortcut:hover,
|
||||
#imgControls .contract-all-shortcut:hover,
|
||||
#imgControls .menu-button:hover,
|
||||
#navlinks a:hover,
|
||||
#appchanOptions:hover,
|
||||
#navtopright .exlinksOptionsLink:hover::after,
|
||||
|
||||
@ -24,7 +24,12 @@ body > a[style="cursor: pointer; float: right;"]::after {
|
||||
#{align}: #{position[i++]}px;
|
||||
}
|
||||
/* Expand Images */
|
||||
#imgControls {
|
||||
#imgControls .expand-all-shortcut,
|
||||
#imgControls .contract-all-shortcut {
|
||||
#{align}: #{position[i++]}px;
|
||||
}
|
||||
/* Expand Images Menu */
|
||||
#imgControls .menu-button {
|
||||
#{align}: #{position[i++]}px;
|
||||
}
|
||||
/* 4chan Catalog */
|
||||
@ -61,7 +66,9 @@ div.navLinks > a:first-of-type::after {
|
||||
#appchanOptions,
|
||||
#watcher::after,
|
||||
#globalMessage::after,
|
||||
#imgControls,
|
||||
#imgControls .expand-all-shortcut,
|
||||
#imgControls .contract-all-shortcut,
|
||||
#imgControls .menu-button,
|
||||
#fappeTyme,
|
||||
div.navLinks > a:first-of-type::after,
|
||||
#catalog::after,
|
||||
|
||||
@ -1,6 +1,11 @@
|
||||
|
||||
/* Image Expansion */
|
||||
#imgControls {
|
||||
/* Expand Images */
|
||||
#imgControls .expand-all-shortcut,
|
||||
#imgControls .contract-all-shortcut {
|
||||
top: #{position[i++]}px;
|
||||
}
|
||||
/* Expand Images Menu */
|
||||
#imgControls .menu-button {
|
||||
top: #{position[i++]}px;
|
||||
}
|
||||
/* 4chan X Options */
|
||||
@ -59,7 +64,9 @@ div.navLinks > a:first-of-type::after {
|
||||
#appchanOptions,
|
||||
#boardNavDesktopFoot::after,
|
||||
#globalMessage::after,
|
||||
#imgControls,
|
||||
#imgControls .expand-all-shortcut,
|
||||
#imgControls .contract-all-shortcut,
|
||||
#imgControls .menu-button,
|
||||
#fappeTyme,
|
||||
#{if _conf["Slideout Watcher"] then "#watcher::after," else ""}
|
||||
body > a[style="cursor: pointer; float: right;"]::after,
|
||||
|
||||
@ -440,33 +440,19 @@ else "
|
||||
#{if _conf["Rounded Edges"] then "border-radius: 3px;" else ""}
|
||||
}
|
||||
/* Image Expansion */
|
||||
#imgControls .rice {
|
||||
display: none;
|
||||
#imgControls .menu-button {
|
||||
margin: 0;
|
||||
}
|
||||
#imgControls {
|
||||
width: 15px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: visible;
|
||||
}
|
||||
#imgContainer {
|
||||
float: #{Style.sidebarLocation[0]};
|
||||
}
|
||||
#imgContainer,
|
||||
#imgControls:hover {
|
||||
width: 110px;
|
||||
}
|
||||
#imgControls label {
|
||||
float: #{Style.sidebarLocation[0]};
|
||||
}
|
||||
#imgControls .selectrice {
|
||||
float: #{Style.sidebarLocation[1]};
|
||||
width: 90px;
|
||||
#imgControls .dropmarker {
|
||||
margin: 1px;
|
||||
border-top-width: 13px;
|
||||
border-right-width: 7px;
|
||||
border-left-width: 7px;
|
||||
}
|
||||
.fitwidth .fullSize {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#{if _conf['Images Overlap Post Form'] then "
|
||||
.fullSize {
|
||||
position: relative;
|
||||
|
||||
@ -207,10 +207,14 @@ a[style="cursor: pointer; float: right;"] ~ div[style^="width: 100%;"] > table {
|
||||
color: #{theme["Warnings"]};
|
||||
}
|
||||
#navlinks a:first-of-type {
|
||||
border-bottom: 11px solid rgb(#{if Style.lightTheme then "130,130,130" else "152,152,152"});
|
||||
border-bottom: 11px solid rgb(130,130,130);
|
||||
}
|
||||
#navlinks a:last-of-type {
|
||||
border-top: 11px solid rgb(#{if Style.lightTheme then "130,130,130" else "152,152,152"});
|
||||
border-top: 11px solid rgb(130,130,130);
|
||||
}
|
||||
#imgControls .dropmarker,
|
||||
#imgControls .dropmarker:hover {
|
||||
border-top-color: rgb(130,130,130);
|
||||
}
|
||||
#charCount {
|
||||
color: #{(if Style.lightTheme then "rgba(0,0,0,0.7)" else "rgba(255,255,255,0.7)")};
|
||||
@ -226,7 +230,6 @@ a[style="cursor: pointer; float: right;"] ~ div[style^="width: 100%;"] > table {
|
||||
color: #{theme["Timestamps"]} !important;
|
||||
}
|
||||
#fs_status a,
|
||||
#imgControls label::after,
|
||||
#updater #count:not(.new)::after,
|
||||
#showQR,
|
||||
#updater,
|
||||
@ -381,7 +384,8 @@ a .name {
|
||||
#globalMessage::after,
|
||||
#boardNavDesktopFoot::after,
|
||||
a[style="cursor: pointer; float: right;"]::after,
|
||||
#imgControls label:first-of-type::after,
|
||||
#imgControls .expand-all-shortcut,
|
||||
#imgControls .contract-all-shortcut,
|
||||
#catalog::after,
|
||||
#fappeTyme {
|
||||
background-image: url('#{icons}');
|
||||
|
||||
@ -237,6 +237,7 @@ Style =
|
||||
$ '#navtopright .exlinksOptionsLink', d.body
|
||||
notCatalog and $ 'body > a[style="cursor: pointer; float: right;"]', d.body
|
||||
notEither and _conf['Image Expansion']
|
||||
notEither and _conf['Image Expansion']
|
||||
notEither
|
||||
g.REPLY
|
||||
notEither and _conf['Fappe Tyme']
|
||||
@ -261,6 +262,7 @@ Style =
|
||||
position = aligner(
|
||||
2 + (if _conf["4chan Banner"] is "at sidebar top" then (Style.logoOffset + 19) else 0)
|
||||
[
|
||||
notEither and _conf['Image Expansion']
|
||||
notEither and _conf['Image Expansion']
|
||||
notCatalog
|
||||
_conf['Slideout Navigation'] isnt 'hide'
|
||||
|
||||
@ -3170,8 +3170,8 @@ ImageExpand =
|
||||
wrapper = $.el 'div',
|
||||
id: 'imgControls'
|
||||
innerHTML: """
|
||||
<a class='expand-all-shortcut' title='Expand All Images' href='javascript:;'>Expand All Images</a>
|
||||
<a class='menu-button' href='javascript:;'>[<i></i>]</a>
|
||||
<a class='expand-all-shortcut' title='Expand All Images' href='javascript:;'></a>
|
||||
<a class='menu-button' href='javascript:;'><i class=dropmarker></i></a>
|
||||
"""
|
||||
@EAI = wrapper.firstElementChild
|
||||
$.on @EAI, 'click', ImageExpand.cb.toggleAll
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user