Nixyri/AntimatterDimensionsSourceCode
1
0
Fork 0
mirror of https://github.com/IvarK/AntimatterDimensionsSourceCode.git synced 2024-11-28 23:21:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

make sidebar hover arrow pixel perfect

Browse Source
This commit is contained in:
Omsi 2021-08-16 23:19:19 -07:00
parent 08ac194e99
commit 633cbce4a5
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
javascripts/components/new-ui/sidebar.js
View File

@ -29,7 +29,7 @@ Vue.component("sidebar", {
<div class="sidebar">
<sidebar-currency />
<tab-button
v-for="tab in tabs"
v-for="(tab, index) in tabs"
:key="tab.name"
:tab="tab"
/>

10
stylesheets/new-ui-styles.css
View File

@ -142,6 +142,10 @@ body.t-s9 {
transition-delay: 0.2s;
}
.o-tab-btn:hover {
z-index: 1;
}
.sidebar > .o-tab-btn {
border-left: none;
}
@ -165,8 +169,8 @@ body.t-s9 {
.o-tab-btn::after {
content: '';
position: absolute;
left: 100%;
top: -2%;
left: calc(100% + 0.1rem);
top: calc(0% + -0.1rem);
width: 0;
height: 0;
border-bottom: 2.3rem solid transparent;
@ -178,7 +182,7 @@ body.t-s9 {
}
.o-tab-btn--subtabs:hover::after {
border-left-width: 2.3rem;
border-left-width: 2.2rem;
}
.o-tab-btn--infinity::after {