Skip to content

Commit 1fa6b0f

Browse files
clefebvreclefebvre
committed
Round notebooks and notebook tabs
1 parent 5d5689c commit 1fa6b0f

3 files changed

Lines changed: 96 additions & 14 deletions

File tree

‎src/Mint-Y/gtk-3.0/gtk-dark.css‎

Lines changed: 32 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1621,23 +1621,50 @@ cursor-handle {
16211621
notebook {
16221622
padding: 0; }
16231623
notebook.frame {
1624-
border: 1px solid #202023; }
1624+
border: 1px solid #202023;
1625+
border-radius: 3px;
1626+
background-color: #2e2e33; }
16251627
notebook.frame > header {
16261628
margin: -1px; }
16271629
notebook.frame > header.top {
1628-
margin-bottom: 0; }
1630+
margin-bottom: 0;
1631+
border-top-left-radius: 3px;
1632+
border-top-right-radius: 3px; }
1633+
notebook.frame > header.top > tabs {
1634+
border-top-left-radius: 3px;
1635+
border-top-right-radius: 3px; }
1636+
notebook.frame > header.top > tabs > tab:first-child {
1637+
border-top-left-radius: 3px; }
1638+
notebook.frame > header.top > tabs > tab:last-child {
1639+
border-top-right-radius: 3px; }
16291640
notebook.frame > header.bottom {
1630-
margin-top: 0; }
1641+
margin-top: 0;
1642+
border-bottom-left-radius: 3px;
1643+
border-bottom-right-radius: 3px; }
1644+
notebook.frame > header.bottom > tabs {
1645+
border-bottom-left-radius: 3px;
1646+
border-bottom-right-radius: 3px; }
1647+
notebook.frame > header.bottom > tabs > tab:first-child {
1648+
border-bottom-left-radius: 3px; }
1649+
notebook.frame > header.bottom > tabs > tab:last-child {
1650+
border-bottom-right-radius: 3px; }
16311651
notebook.frame > header.left {
1632-
margin-right: 0; }
1652+
margin-right: 0;
1653+
border-top-left-radius: 3px;
1654+
border-bottom-left-radius: 3px; }
16331655
notebook.frame > header.right {
1634-
margin-left: 0; }
1656+
margin-left: 0;
1657+
border-top-right-radius: 3px;
1658+
border-bottom-right-radius: 3px; }
16351659
notebook.frame > header.top, notebook.frame > header.bottom {
16361660
padding-left: 0;
16371661
padding-right: 0; }
16381662
notebook.frame > header.left, notebook.frame > header.right {
16391663
padding-top: 0;
16401664
padding-bottom: 0; }
1665+
notebook.frame > stack:not(:only-child):last-child {
1666+
border-bottom-left-radius: 3px;
1667+
border-bottom-right-radius: 3px; }
16411668
notebook > stack:not(:only-child) {
16421669
background-color: #333339; }
16431670
notebook > header {

‎src/Mint-Y/gtk-3.0/gtk.css‎

Lines changed: 32 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1626,23 +1626,50 @@ cursor-handle {
16261626
notebook {
16271627
padding: 0; }
16281628
notebook.frame {
1629-
border: 1px solid #c8c8ce; }
1629+
border: 1px solid #c8c8ce;
1630+
border-radius: 3px;
1631+
background-color: #f8f8f9; }
16301632
notebook.frame > header {
16311633
margin: -1px; }
16321634
notebook.frame > header.top {
1633-
margin-bottom: 0; }
1635+
margin-bottom: 0;
1636+
border-top-left-radius: 3px;
1637+
border-top-right-radius: 3px; }
1638+
notebook.frame > header.top > tabs {
1639+
border-top-left-radius: 3px;
1640+
border-top-right-radius: 3px; }
1641+
notebook.frame > header.top > tabs > tab:first-child {
1642+
border-top-left-radius: 3px; }
1643+
notebook.frame > header.top > tabs > tab:last-child {
1644+
border-top-right-radius: 3px; }
16341645
notebook.frame > header.bottom {
1635-
margin-top: 0; }
1646+
margin-top: 0;
1647+
border-bottom-left-radius: 3px;
1648+
border-bottom-right-radius: 3px; }
1649+
notebook.frame > header.bottom > tabs {
1650+
border-bottom-left-radius: 3px;
1651+
border-bottom-right-radius: 3px; }
1652+
notebook.frame > header.bottom > tabs > tab:first-child {
1653+
border-bottom-left-radius: 3px; }
1654+
notebook.frame > header.bottom > tabs > tab:last-child {
1655+
border-bottom-right-radius: 3px; }
16361656
notebook.frame > header.left {
1637-
margin-right: 0; }
1657+
margin-right: 0;
1658+
border-top-left-radius: 3px;
1659+
border-bottom-left-radius: 3px; }
16381660
notebook.frame > header.right {
1639-
margin-left: 0; }
1661+
margin-left: 0;
1662+
border-top-right-radius: 3px;
1663+
border-bottom-right-radius: 3px; }
16401664
notebook.frame > header.top, notebook.frame > header.bottom {
16411665
padding-left: 0;
16421666
padding-right: 0; }
16431667
notebook.frame > header.left, notebook.frame > header.right {
16441668
padding-top: 0;
16451669
padding-bottom: 0; }
1670+
notebook.frame > stack:not(:only-child):last-child {
1671+
border-bottom-left-radius: 3px;
1672+
border-bottom-right-radius: 3px; }
16461673
notebook > stack:not(:only-child) {
16471674
background-color: #FFFFFF; }
16481675
notebook > header {

‎src/Mint-Y/gtk-3.0/sass/_common.scss‎

Lines changed: 32 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1755,18 +1755,46 @@ notebook {
17551755

17561756
&.frame {
17571757
border: 1px solid $borders_color;
1758+
border-radius: 3px;
1759+
background-color: $bg_color;
17581760

17591761
> header {
17601762
// ugly hack to hide the borders around the header
17611763
margin: -1px;
1762-
&.top { margin-bottom: 0; }
1763-
&.bottom { margin-top: 0; }
1764-
&.left { margin-right: 0; }
1765-
&.right { margin-left: 0; }
1764+
&.top {
1765+
margin-bottom: 0;
1766+
border-top-left-radius: 3px;
1767+
border-top-right-radius: 3px;
1768+
> tabs { border-top-left-radius: 3px; border-top-right-radius: 3px; }
1769+
> tabs > tab:first-child { border-top-left-radius: 3px; }
1770+
> tabs > tab:last-child { border-top-right-radius: 3px; }
1771+
}
1772+
&.bottom {
1773+
margin-top: 0;
1774+
border-bottom-left-radius: 3px;
1775+
border-bottom-right-radius: 3px;
1776+
> tabs { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
1777+
> tabs > tab:first-child { border-bottom-left-radius: 3px; }
1778+
> tabs > tab:last-child { border-bottom-right-radius: 3px; }
1779+
}
1780+
&.left {
1781+
margin-right: 0;
1782+
border-top-left-radius: 3px;
1783+
border-bottom-left-radius: 3px;
1784+
}
1785+
&.right {
1786+
margin-left: 0;
1787+
border-top-right-radius: 3px;
1788+
border-bottom-right-radius: 3px;
1789+
}
17661790

17671791
&.top, &.bottom { padding-left: 0; padding-right: 0; }
17681792
&.left, &.right { padding-top: 0; padding-bottom: 0; }
17691793
}
1794+
1795+
> stack:not(:only-child) {
1796+
&:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
1797+
}
17701798
}
17711799

17721800
> stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks

0 commit comments

Comments
 (0)