Skip to content

Commit

Permalink
Minor tweak for ribbon display
Browse files Browse the repository at this point in the history
  • Loading branch information
@kepano
kepano committed Jul 8, 2023
1 parent cd51d87 commit 114a74f
Show file tree
Hide file tree
Showing 7 changed files with 62 additions and 67 deletions.
48 changes: 21 additions & 27 deletions Minimal.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4209,14 +4209,17 @@ div[data-type="git-view"] .search-input-clear-button {
.hider-ribbon .workspace-ribbon {
padding: 0; }

.bottom-ribbon .workspace-ribbon-collapse-btn,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon-collapse-btn {
:root {
--hider-ribbon-display: none; }

.ribbon-bottom-left-hover:not(.is-mobile) {
--hider-ribbon-display: flex; }

.hider-ribbon .workspace-ribbon-collapse-btn {
display: none; }
.bottom-ribbon .workspace-ribbon.mod-right,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-right {
.hider-ribbon .workspace-ribbon.mod-right {
pointer-events: none; }
.bottom-ribbon .workspace-ribbon.mod-left,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-left {
.hider-ribbon .workspace-ribbon.mod-left {
position: absolute;
border-right: 0px;
margin: 0;
Expand All @@ -4225,48 +4228,39 @@ div[data-type="git-view"] .search-input-clear-button {
flex-basis: 0;
bottom: 0;
top: auto;
display: flex !important;
display: var(--hider-ribbon-display) !important;
flex-direction: row;
z-index: 17;
opacity: 0;
transition: opacity 0.25s ease-in-out;
filter: drop-shadow(2px 10px 30px rgba(0, 0, 0, 0.2));
gap: 0; }
.bottom-ribbon .side-dock-actions,
.bottom-ribbon .side-dock-settings,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .side-dock-actions,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .side-dock-settings {
.hider-ribbon .side-dock-actions,
.hider-ribbon .side-dock-settings {
flex-direction: row;
display: flex;
display: var(--hider-ribbon-display);
border-top: var(--border-width) solid var(--background-modifier-border);
background: var(--background-secondary);
margin: 0;
position: relative;
gap: var(--size-2-2); }
.bottom-ribbon .side-dock-actions,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .side-dock-actions {
.hider-ribbon .side-dock-actions {
padding-left: 8px; }
.bottom-ribbon .side-dock-settings,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .side-dock-settings {
.hider-ribbon .side-dock-settings {
border-right: var(--border-width) solid var(--background-modifier-border);
border-top-right-radius: var(--radius-m);
padding: 0 var(--size-2-2); }
.bottom-ribbon .workspace-ribbon.mod-left .side-dock-ribbon-action,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-left .side-dock-ribbon-action {
display: flex;
.hider-ribbon .workspace-ribbon.mod-left .side-dock-ribbon-action {
display: var(--hider-ribbon-display);
margin: 7px 0px 8px; }
.bottom-ribbon .workspace-ribbon.mod-left:hover,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-left:hover {
.hider-ribbon .workspace-ribbon.mod-left:hover {
opacity: 1;
transition: opacity 0.25s ease-in-out; }
.bottom-ribbon .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
.hider-ribbon .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
opacity: 0; }
.bottom-ribbon .workspace-split.mod-left-split,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-split.mod-left-split {
.hider-ribbon .workspace-split.mod-left-split {
margin: 0; }
.bottom-ribbon .workspace-leaf-content .item-list,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-leaf-content .item-list {
.hider-ribbon .workspace-leaf-content .item-list {
padding-bottom: 40px; }

/* Hover Editor */
Expand Down
2 changes: 1 addition & 1 deletion manifest.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "Minimal",
"version": "7.0.6",
"version": "7.0.7",
"minAppVersion": "1.1.9",
"author": "@kepano",
"authorUrl": "https://twitter.com/kepano",
Expand Down
48 changes: 21 additions & 27 deletions src/css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4169,14 +4169,17 @@ div[data-type="git-view"] .search-input-clear-button {
.hider-ribbon .workspace-ribbon {
padding: 0; }

.bottom-ribbon .workspace-ribbon-collapse-btn,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon-collapse-btn {
:root {
--hider-ribbon-display: none; }

.ribbon-bottom-left-hover:not(.is-mobile) {
--hider-ribbon-display: flex; }

.hider-ribbon .workspace-ribbon-collapse-btn {
display: none; }
.bottom-ribbon .workspace-ribbon.mod-right,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-right {
.hider-ribbon .workspace-ribbon.mod-right {
pointer-events: none; }
.bottom-ribbon .workspace-ribbon.mod-left,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-left {
.hider-ribbon .workspace-ribbon.mod-left {
position: absolute;
border-right: 0px;
margin: 0;
Expand All @@ -4185,48 +4188,39 @@ div[data-type="git-view"] .search-input-clear-button {
flex-basis: 0;
bottom: 0;
top: auto;
display: flex !important;
display: var(--hider-ribbon-display) !important;
flex-direction: row;
z-index: 17;
opacity: 0;
transition: opacity 0.25s ease-in-out;
filter: drop-shadow(2px 10px 30px rgba(0, 0, 0, 0.2));
gap: 0; }
.bottom-ribbon .side-dock-actions,
.bottom-ribbon .side-dock-settings,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .side-dock-actions,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .side-dock-settings {
.hider-ribbon .side-dock-actions,
.hider-ribbon .side-dock-settings {
flex-direction: row;
display: flex;
display: var(--hider-ribbon-display);
border-top: var(--border-width) solid var(--background-modifier-border);
background: var(--background-secondary);
margin: 0;
position: relative;
gap: var(--size-2-2); }
.bottom-ribbon .side-dock-actions,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .side-dock-actions {
.hider-ribbon .side-dock-actions {
padding-left: 8px; }
.bottom-ribbon .side-dock-settings,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .side-dock-settings {
.hider-ribbon .side-dock-settings {
border-right: var(--border-width) solid var(--background-modifier-border);
border-top-right-radius: var(--radius-m);
padding: 0 var(--size-2-2); }
.bottom-ribbon .workspace-ribbon.mod-left .side-dock-ribbon-action,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-left .side-dock-ribbon-action {
display: flex;
.hider-ribbon .workspace-ribbon.mod-left .side-dock-ribbon-action {
display: var(--hider-ribbon-display);
margin: 7px 0px 8px; }
.bottom-ribbon .workspace-ribbon.mod-left:hover,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-left:hover {
.hider-ribbon .workspace-ribbon.mod-left:hover {
opacity: 1;
transition: opacity 0.25s ease-in-out; }
.bottom-ribbon .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
.hider-ribbon .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
opacity: 0; }
.bottom-ribbon .workspace-split.mod-left-split,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-split.mod-left-split {
.hider-ribbon .workspace-split.mod-left-split {
margin: 0; }
.bottom-ribbon .workspace-leaf-content .item-list,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) .workspace-leaf-content .item-list {
.hider-ribbon .workspace-leaf-content .item-list {
padding-bottom: 40px; }

/* Hover Editor */
Expand Down
2 changes: 1 addition & 1 deletion src/css/main.min.css
View file

Large diffs are not rendered by default.

26 changes: 16 additions & 10 deletions src/scss/plugins/hider.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,11 +19,18 @@
padding: 0;
}

.bottom-ribbon,
.hider-ribbon.ribbon-bottom-left-hover:not(.is-mobile) {
:root {
--hider-ribbon-display: none;
}

.ribbon-bottom-left-hover:not(.is-mobile) {
--hider-ribbon-display: flex;
}

.hider-ribbon {

.workspace-ribbon-collapse-btn {
display:none;
display: none;
}
.workspace-ribbon.mod-right {
pointer-events:none;
Expand All @@ -37,7 +44,7 @@
flex-basis: 0;
bottom: 0;
top: auto;
display:flex !important;
display: var(--hider-ribbon-display) !important;
flex-direction: row;
z-index: 17;
opacity:0;
Expand All @@ -49,9 +56,9 @@
.side-dock-actions,
.side-dock-settings {
flex-direction: row;
display:flex;
border-top:var(--border-width) solid var(--background-modifier-border);
background:var(--background-secondary);
display: var(--hider-ribbon-display);
border-top: var(--border-width) solid var(--background-modifier-border);
background: var(--background-secondary);
margin:0;
position:relative;
gap: var(--size-2-2);
Expand All @@ -65,12 +72,12 @@
padding: 0 var(--size-2-2);
}
.workspace-ribbon.mod-left .side-dock-ribbon-action {
display: flex;
display: var(--hider-ribbon-display);
margin: 7px 0px 8px;
}
.workspace-ribbon.mod-left:hover {
opacity: 1;
transition:opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
}
.workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
opacity: 0;
Expand All @@ -81,5 +88,4 @@
.workspace-leaf-content .item-list {
padding-bottom: 40px;
}

}
2 changes: 1 addition & 1 deletion theme.css
View file

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions versions.json
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
{
"7.0.7": "1.1.9",
"7.0.6": "1.1.9",
"7.0.5": "1.1.9",
"7.0.4": "1.1.9",
Expand Down

0 comments on commit 114a74f

Please sign in to comment.