Global: Add fast menu

Closes #557
This commit is contained in:
veselcraft 2022-08-13 13:21:20 +03:00
parent ccaae41dcd
commit 02f1238fb9
No known key found for this signature in database
GPG key ID: AED66BC1AC628A4E
8 changed files with 516 additions and 0 deletions

View file

@ -203,6 +203,39 @@
<a n:if="OPENVK_ROOT_CONF['openvk']['preferences']['adPoster']['enable'] && $thisUser->getLeftMenuItemStatus('poster')" href="{php echo OPENVK_ROOT_CONF['openvk']['preferences']['adPoster']['link']}" >
<img src="{php echo OPENVK_ROOT_CONF['openvk']['preferences']['adPoster']['src']}" alt="{php echo OPENVK_ROOT_CONF['openvk']['preferences']['adPoster']['caption']}" class="psa-poster" style="max-width: 100%; margin-top: 10px;" />
</a>
<div class="floating_sidebar">
<a class="minilink" href="/friends{$thisUser->getId()}">
<object type="internal/link" n:if="$thisUser->getFollowersCount() > 0">
<div class="counter">
+{$thisUser->getFollowersCount()}
</div>
</object>
<img src="/assets/packages/static/openvk/img/friends.svg">
</a>
<a class="minilink" href="/albums{$thisUser->getId()}">
<img src="/assets/packages/static/openvk/img/photos.svg">
</a>
<a class="minilink" href="/im">
<object type="internal/link" n:if="$thisUser->getUnreadMessagesCount() > 0">
<div class="counter">
+{$thisUser->getUnreadMessagesCount()}
</div>
</object>
<img src="/assets/packages/static/openvk/img/messages.svg">
</a>
<a class="minilink" href="/groups{$thisUser->getId()}">
<img src="/assets/packages/static/openvk/img/groups.svg">
</a>
<a class="minilink" href="/notifications">
<object type="internal/link" n:if="$thisUser->getNotificationsCount() > 0">
<div class="counter">
+{$thisUser->getNotificationsCount()}
</div>
</object>
<img src="/assets/packages/static/openvk/img/feedback.svg">
</a>
</div>
{elseif !$thisUser->isActivated()}
<a href="/logout?hash={urlencode($csrfToken)}" class="link">{_menu_logout}</a>
{else}

View file

@ -1997,3 +1997,59 @@ table td[width="120"] {
.cookies-popup .contanier .text {
width: 100%;
}
.floating_sidebar {
position: fixed;
top: 0;
display: flex;
flex-direction: column;
width: 118px;
align-items: end;
transition: 250ms;
display: none;
}
.floating_sidebar.show {
display: flex;
animation-name: appearing;
animation-duration: 250ms;
}
.floating_sidebar.hide_anim {
opacity: 0;
display: flex;
}
.floating_sidebar .minilink {
text-align: right;
opacity: 0.5;
padding: 8px 4px;
width: fit-content;
transition: 250ms;
height: 11px;
display: flex;
}
.floating_sidebar .minilink:hover {
opacity: 1;
}
.minilink .counter {
font-weight: bold;
background-color: #eee;
line-height: 10px;
margin: -1px 3px 0 0;
padding: 1px 1px;
border-radius: 2px;
height: 11px;
}
@keyframes appearing {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

78
Web/static/img/feedback.svg Executable file
View file

@ -0,0 +1,78 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="11"
height="11"
viewBox="0 0 2.9104165 2.9104168"
version="1.1"
id="svg5"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
sodipodi:docname="feedback.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:pageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:document-units="px"
showgrid="true"
units="px"
width="11px"
inkscape:zoom="45.254834"
inkscape:cx="4.3862718"
inkscape:cy="4.0769125"
inkscape:window-width="1920"
inkscape:window-height="1017"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<inkscape:grid
type="xygrid"
id="grid9"
empspacing="11"
dotted="false"
color="#45ff3f"
opacity="0.1254902"
empcolor="#3fff4a"
empopacity="0.25098039"
snapvisiblegridlinesonly="true"
enabled="true" />
</sodipodi:namedview>
<defs
id="defs2">
<pattern
id="EMFhbasepattern"
patternUnits="userSpaceOnUse"
width="6"
height="6"
x="0"
y="0" />
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<image
y="0"
x="0.0010831825"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAABGklEQVQYlS3OwU7CUBCF4TNzb2utVVokbojEjSxJfAHff8PGnSKIiAiIRqPQpr0z46IuT/Ll5CczA6CK8fhutVqn6WlZ1Z1OcXs7IgAAA1DBZPK0eHkV46BUB/wc6sn0G6047EtV3aw3IQhAZVXXjTSNrLc7a0WaHgOoqio0AYCoJEnShIaJFADg26ui2/091AABbAZmf5Jl0m4QvOfB4CqOEuaIyIlQ3in6/QsV2H+polucFcW5gYhYDfFRkucIrVABO0QxrodDH0VKEBNjKmskMQwgM5vcP2/fv942H0JMLmoCsizzEfd6+c3o0j8+zKazeVWpdxERBzUmd9iXqvXnblPkqV8ulyrinTMCTNk5NSNiphjklvPFHxKrln0M4XFLAAAAAElFTkSuQmCC"
height="2.9093335"
width="2.9093335"
preserveAspectRatio="none"
id="image14"
style="display:none;image-rendering:pixelated" />
<path
style="fill:#a2b3c6;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
d="M 0,1.8520833 V 0.26458333 C 0,0.26458333 0,0 0.26458333,0 0.52916666,0 2.6458333,0 2.6458333,0 c 0,0 0.2645833,0 0.2645833,0.26458333 0,0.26458333 0,1.58749997 0,1.58749997 0,0 0,0.2645833 -0.2645833,0.2645833 -0.2645833,0 -1.0583333,0 -1.0583333,0 l -0.79375001,0.79375 v -0.79375 c 0,0 -0.26458333,0 -0.52916666,0 C 0,2.1166666 0,1.8520833 0,1.8520833 Z"
id="path6650" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

78
Web/static/img/friends.svg Executable file
View file

@ -0,0 +1,78 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="11"
height="11"
viewBox="0 0 2.9104165 2.9104168"
version="1.1"
id="svg5"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
sodipodi:docname="profile.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:pageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:document-units="px"
showgrid="true"
units="px"
width="11px"
inkscape:zoom="32"
inkscape:cx="4.71875"
inkscape:cy="4.890625"
inkscape:window-width="1920"
inkscape:window-height="1017"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<inkscape:grid
type="xygrid"
id="grid9"
empspacing="11"
dotted="false"
color="#45ff3f"
opacity="0.1254902"
empcolor="#3fff4a"
empopacity="0.25098039"
snapvisiblegridlinesonly="true"
enabled="true" />
</sodipodi:namedview>
<defs
id="defs2">
<pattern
id="EMFhbasepattern"
patternUnits="userSpaceOnUse"
width="6"
height="6"
x="0"
y="0" />
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<image
y="0"
x="0.0010831825"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAABGklEQVQYlS3OwU7CUBCF4TNzb2utVVokbojEjSxJfAHff8PGnSKIiAiIRqPQpr0z46IuT/Ll5CczA6CK8fhutVqn6WlZ1Z1OcXs7IgAAA1DBZPK0eHkV46BUB/wc6sn0G6047EtV3aw3IQhAZVXXjTSNrLc7a0WaHgOoqio0AYCoJEnShIaJFADg26ui2/091AABbAZmf5Jl0m4QvOfB4CqOEuaIyIlQ3in6/QsV2H+polucFcW5gYhYDfFRkucIrVABO0QxrodDH0VKEBNjKmskMQwgM5vcP2/fv942H0JMLmoCsizzEfd6+c3o0j8+zKazeVWpdxERBzUmd9iXqvXnblPkqV8ulyrinTMCTNk5NSNiphjklvPFHxKrln0M4XFLAAAAAElFTkSuQmCC"
height="2.9093335"
width="2.9093335"
preserveAspectRatio="none"
id="image14"
style="display:none;image-rendering:pixelated" />
<path
style="fill:#a2b3c6;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
d="M 0.00108318,2.9093334 H 2.9104166 c 0,0 -0.5291666,-0.7926668 -1.0583333,-0.7926668 -0.5291667,0 0,-0.2645833 0,-0.2645833 0,0 0.5291667,-0.2645833 0.5291667,-1.05833331 C 2.38125,0 1.4605,0 1.4605,0 c 0,0 -0.93133334,0 -0.93133334,0.79374999 0,0.79375001 0.52916664,1.05833331 0.52916664,1.05833331 0,0 0.5291667,0.2645833 0,0.2645833 -0.52916664,0 -1.05725012,0.7926668 -1.05725012,0.7926668 z"
id="path2356" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

89
Web/static/img/groups.svg Executable file
View file

@ -0,0 +1,89 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="11"
height="11"
viewBox="0 0 2.9104165 2.9104168"
version="1.1"
id="svg5"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
sodipodi:docname="groups.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:pageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:document-units="px"
showgrid="true"
units="px"
width="11px"
inkscape:zoom="90.50967"
inkscape:cx="6.1706114"
inkscape:cy="9.5625141"
inkscape:window-width="1920"
inkscape:window-height="1017"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
inkscape:snap-grids="true">
<inkscape:grid
type="xygrid"
id="grid9"
empspacing="11"
dotted="false"
color="#45ff3f"
opacity="0.1254902"
empcolor="#3fff4a"
empopacity="0.25098039"
snapvisiblegridlinesonly="true"
enabled="true" />
</sodipodi:namedview>
<defs
id="defs2">
<pattern
id="EMFhbasepattern"
patternUnits="userSpaceOnUse"
width="6"
height="6"
x="0"
y="0" />
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<image
y="0"
x="0.0010831825"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAABGklEQVQYlS3OwU7CUBCF4TNzb2utVVokbojEjSxJfAHff8PGnSKIiAiIRqPQpr0z46IuT/Ll5CczA6CK8fhutVqn6WlZ1Z1OcXs7IgAAA1DBZPK0eHkV46BUB/wc6sn0G6047EtV3aw3IQhAZVXXjTSNrLc7a0WaHgOoqio0AYCoJEnShIaJFADg26ui2/091AABbAZmf5Jl0m4QvOfB4CqOEuaIyIlQ3in6/QsV2H+polucFcW5gYhYDfFRkucIrVABO0QxrodDH0VKEBNjKmskMQwgM5vcP2/fv942H0JMLmoCsizzEfd6+c3o0j8+zKazeVWpdxERBzUmd9iXqvXnblPkqV8ulyrinTMCTNk5NSNiphjklvPFHxKrln0M4XFLAAAAAElFTkSuQmCC"
height="2.9093335"
width="2.9093335"
preserveAspectRatio="none"
id="image14"
style="display:none;image-rendering:pixelated" />
<path
style="fill:#a2b3c6;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 4.9999992e-8,2.9104166 C 4.9999992e-8,2.38125 0.64905598,1.9719727 0.64905598,1.9719727 c 0,0 0.14469401,0.2025716 0.34726562,0.2067057 0.2025716,0.00413 0.4175456,-0.1984375 0.4175456,-0.1984375 0,0 0.1653646,0.024805 0.3224609,0.1405599 0.1570964,0.1157552 0.1777669,0.1901693 0.3100586,0.1901693 0.1322917,0 0.3927409,-0.2025717 0.3927409,-0.2025717 0,0 0.1240234,0.020671 0.2687174,0.1694987 0.144694,0.1488282 0.2025716,0.6325195 0.2025716,0.6325195 z"
id="path6010"
sodipodi:nodetypes="ccccsscscc" />
<path
style="fill:#a2b3c6;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 1.0541992,0.7069337 c 0,0 0.4588867,0.049609 0.4630208,0.504362 0.00413,0.4547525 -0.2976562,0.835091 -0.4630208,0.835091 -0.16536458,0 -0.52503254,-0.3431315 -0.52503254,-0.835091 0,-0.4919597 0.52503254,-0.504362 0.52503254,-0.504362 z"
id="path6078" />
<path
style="fill:#a2b3c6;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 2.1042643,1.0666017 c 0,0 0.3927409,0.049609 0.396875,0.3844725 0.00413,0.3348633 -0.1694987,0.6986654 -0.3803385,0.6986654 -0.2108399,0 -0.4382162,-0.3720703 -0.4382162,-0.6779948 0,-0.3720702 0.4216797,-0.4051431 0.4216797,-0.4051431 z"
id="path6146"
sodipodi:nodetypes="ccssc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.9 KiB

91
Web/static/img/messages.svg Executable file
View file

@ -0,0 +1,91 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="11"
height="11"
viewBox="0 0 2.9104165 2.9104168"
version="1.1"
id="svg5"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
sodipodi:docname="messages.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:pageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:document-units="px"
showgrid="true"
units="px"
width="11px"
inkscape:zoom="1"
inkscape:cx="4.5"
inkscape:cy="5.5"
inkscape:window-width="1920"
inkscape:window-height="1017"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<inkscape:grid
type="xygrid"
id="grid9"
empspacing="11"
dotted="false"
color="#45ff3f"
opacity="0.1254902"
empcolor="#3fff4a"
empopacity="0.25098039"
snapvisiblegridlinesonly="true"
enabled="true" />
</sodipodi:namedview>
<defs
id="defs2">
<pattern
id="EMFhbasepattern"
patternUnits="userSpaceOnUse"
width="6"
height="6"
x="0"
y="0" />
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<image
y="0"
x="0.0010831825"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAABGklEQVQYlS3OwU7CUBCF4TNzb2utVVokbojEjSxJfAHff8PGnSKIiAiIRqPQpr0z46IuT/Ll5CczA6CK8fhutVqn6WlZ1Z1OcXs7IgAAA1DBZPK0eHkV46BUB/wc6sn0G6047EtV3aw3IQhAZVXXjTSNrLc7a0WaHgOoqio0AYCoJEnShIaJFADg26ui2/091AABbAZmf5Jl0m4QvOfB4CqOEuaIyIlQ3in6/QsV2H+polucFcW5gYhYDfFRkucIrVABO0QxrodDH0VKEBNjKmskMQwgM5vcP2/fv942H0JMLmoCsizzEfd6+c3o0j8+zKazeVWpdxERBzUmd9iXqvXnblPkqV8ulyrinTMCTNk5NSNiphjklvPFHxKrln0M4XFLAAAAAElFTkSuQmCC"
height="2.9093335"
width="2.9093335"
preserveAspectRatio="none"
id="image14"
style="display:none;image-rendering:pixelated" />
<path
style="fill:#a2b3c6;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 0,0.79375 c 0,0 0,-0.52916666 0.5291667,-0.52916666 0.5291666,0 1.8520833,0 1.8520833,0 0,0 0.5291666,0 0.5291666,0.52916666 0,0.5291666 0,1.3229166 0,1.3229166 0,0 0,0.5291667 -0.5291666,0.5291667 -0.5291667,0 -1.8520833,0 -1.8520833,0 0,0 -0.5291667,0 -0.5291667,-0.5291667 C 0,1.5875 0,0.79375 0,0.79375 Z"
id="path2791" />
<path
style="fill:none;stroke:#ffffff;stroke-width:0.264583px;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
d="M 0.39274088,0.66145833 1.4552083,1.7239258 2.5176757,0.66145833"
id="path3062"
sodipodi:nodetypes="ccc" />
<path
style="fill:none;stroke:#ffffff;stroke-width:0.26458333;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
d="M 0.396875,2.2489583 1.190625,1.4593424"
id="path3907" />
<path
style="fill:none;stroke:#ffffff;stroke-width:0.26458333;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
d="m 2.5135416,2.2489583 -0.79375,-0.79375"
id="path4107" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

79
Web/static/img/photos.svg Executable file
View file

@ -0,0 +1,79 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="11"
height="11"
viewBox="0 0 2.9104165 2.9104168"
version="1.1"
id="svg5"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
sodipodi:docname="photos.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:pageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:document-units="px"
showgrid="true"
units="px"
width="11px"
inkscape:zoom="64"
inkscape:cx="3.4921875"
inkscape:cy="5.4921875"
inkscape:window-width="1920"
inkscape:window-height="1017"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<inkscape:grid
type="xygrid"
id="grid9"
empspacing="11"
dotted="false"
color="#45ff3f"
opacity="0.1254902"
empcolor="#3fff4a"
empopacity="0.25098039"
snapvisiblegridlinesonly="true"
enabled="true" />
</sodipodi:namedview>
<defs
id="defs2">
<pattern
id="EMFhbasepattern"
patternUnits="userSpaceOnUse"
width="6"
height="6"
x="0"
y="0" />
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<image
y="0"
x="0.0010831825"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAABGklEQVQYlS3OwU7CUBCF4TNzb2utVVokbojEjSxJfAHff8PGnSKIiAiIRqPQpr0z46IuT/Ll5CczA6CK8fhutVqn6WlZ1Z1OcXs7IgAAA1DBZPK0eHkV46BUB/wc6sn0G6047EtV3aw3IQhAZVXXjTSNrLc7a0WaHgOoqio0AYCoJEnShIaJFADg26ui2/091AABbAZmf5Jl0m4QvOfB4CqOEuaIyIlQ3in6/QsV2H+polucFcW5gYhYDfFRkucIrVABO0QxrodDH0VKEBNjKmskMQwgM5vcP2/fv942H0JMLmoCsizzEfd6+c3o0j8+zKazeVWpdxERBzUmd9iXqvXnblPkqV8ulyrinTMCTNk5NSNiphjklvPFHxKrln0M4XFLAAAAAElFTkSuQmCC"
height="2.9093335"
width="2.9093335"
preserveAspectRatio="none"
id="image14"
style="display:none;image-rendering:pixelated" />
<path
id="path1070"
style="fill:#a2b3c6;fill-opacity:1;stroke:none;stroke-width:0.999999px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 4 1 C 4 1 3.9999999 2 3 2 L 2 2 C 1.3743731e-08 2 0 4 0 4 L 0 8 C 0 10 2 10 2 10 L 9 10 C 11 10 11 8 11 8 L 11 4 C 11 2.0000001 9 2 9 2 L 8 2 C 7.0000001 2 7 1 7 1 L 4 1 z M 5.5 4 A 1.5 1.5 0 0 1 7 5.5 A 1.5 1.5 0 0 1 5.5 7 A 1.5 1.5 0 0 1 4 5.5 A 1.5 1.5 0 0 1 5.5 4 z "
transform="scale(0.26458333)" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View file

@ -427,3 +427,15 @@ function showIncreaseRatingDialog(coinsCount, userUrl, hash) {
document.querySelector("#rating_price").innerHTML = value + " " + tr("points_amount_other").replace("$1 ", "");
};
}
$(document).on("scroll", () => {
if($(document).scrollTop() > $(".sidebar").height() + 50) {
$(".floating_sidebar")[0].classList.add("show");
} else if($(".floating_sidebar")[0].classList.contains("show")) {
$(".floating_sidebar")[0].classList.remove("show");
$(".floating_sidebar")[0].classList.add("hide_anim");
setTimeout(() => {
$(".floating_sidebar")[0].classList.remove("hide_anim");
}, 250);
}
})