mirror of
https://github.com/XFox111/TabsAsideExtension.git
synced 2026-04-22 07:58:01 +03:00
Major 2.0 (#51)
- Added cloud storage for sets - WeblySleek UI font replaced with Segoe fonts - Reworked icons (#55) - Removed changelog auto-opening on install - 'Contributors' option replaced with 'Changelog' one - Added icons to menu items - Updated UI with Fluent UI compliance - Added tooltip on how to use selective activation (#57) - Added Italian language (#52) by @blackcat-917 - Added Brazilian Portuguese language (#53) by @amandafilizola - Updated Firefox CI/CD config - Updated README: rearranged badges and added demo GIF - Updated documentation Co-authored-by: Michael Gordeev <michael@xfox111.net> Co-authored-by: blackcat-917 <53786619+blackcat-917@users.noreply.github.com> Co-authored-by: Amanda de Paiva Filizola <amandapaivafilizola@gmail.com> Co-authored-by: Amine A <15179425+AmineI@users.noreply.github.com> Co-authored-by: Dustin Jiang <56217843+Dustin-Jiang@users.noreply.github.com>
This commit is contained in:
+37
-20
@@ -41,8 +41,6 @@
|
||||
border-width: 0px 0px 0px 1px;
|
||||
box-shadow: 6px 0px 12px black;
|
||||
|
||||
font-size: 13px;
|
||||
|
||||
transform: translateX(110%); /* pane is hidded */
|
||||
transition: .2s;
|
||||
}
|
||||
@@ -67,14 +65,21 @@
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto auto;
|
||||
grid-column-gap: 10px;
|
||||
grid-row-gap: 30px;
|
||||
grid-row-gap: 20px;
|
||||
}
|
||||
|
||||
.tabsAside.pane > header > h1
|
||||
{
|
||||
margin: 0px 5px;
|
||||
font-weight: 500;
|
||||
font-size: 15pt;
|
||||
font-weight: 400;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.tabsAside.pane > header > button .updateBadge
|
||||
{
|
||||
position: absolute;
|
||||
bottom: 2px;
|
||||
right: 2px;
|
||||
}
|
||||
|
||||
.tabsAside.pane > header > nav
|
||||
@@ -93,28 +98,44 @@
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.tabsAside.pane > header nav > p > a:hover
|
||||
{
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.saveTabs
|
||||
{
|
||||
display: inline-grid;
|
||||
grid-template-columns: 16px auto;
|
||||
grid-template-columns: 16px auto 16px;
|
||||
grid-column-gap: 15px;
|
||||
|
||||
font-weight: 600;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.iconArrowRight
|
||||
.saveTabs:hover
|
||||
{
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.saveTabs:hover span:nth-child(2)
|
||||
{
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.iconArrowRight,.iconQuestionCircle
|
||||
{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: inline-block;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px;
|
||||
background-position: center;
|
||||
background-image: url("chrome-extension://__MSG_@@extension_id__/icons/arrowRight.svg"),
|
||||
url("moz-extension://__MSG_@@extension_id__/icons/arrowRight.svg");
|
||||
font-family: "Segoe MDL2 Assets";
|
||||
margin: 2px;
|
||||
}
|
||||
.iconQuestionCircle
|
||||
{
|
||||
font-size: small;
|
||||
padding-top: 2px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.tabsAside.pane section
|
||||
{
|
||||
@@ -175,7 +196,7 @@
|
||||
{
|
||||
margin: 0px;
|
||||
visibility: visible !important;
|
||||
font-weight: 500;
|
||||
font-weight: 600;
|
||||
border: none;
|
||||
background: transparent;
|
||||
}
|
||||
@@ -185,11 +206,6 @@
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.collectionSet > .header > a
|
||||
{
|
||||
font-size: 11pt;
|
||||
}
|
||||
|
||||
.collectionSet > .header > div > nav
|
||||
{
|
||||
width: 250px;
|
||||
@@ -276,6 +292,7 @@
|
||||
overflow: hidden;
|
||||
margin: auto 0px;
|
||||
margin-right: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.collectionSet > .set > div:hover > div > span
|
||||
{
|
||||
@@ -289,4 +306,4 @@
|
||||
width: 100% !important;
|
||||
min-width: initial;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user