morgan/dash-to-panel
1
0
Fork 0
mirror of https://github.com/morgan9e/dash-to-panel synced 2026-04-14 00:04:17 +09:00
Code Issues Packages Projects Releases Wiki Activity

Adjust fine-tune styles for vertical panel

Browse Source
This commit is contained in:
Charles Gagnon
2019-09-11 12:30:11 -04:00
parent fa83bf389a
commit d6c19fa97b
3 changed files with 16 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
panel.js
View File

@@ -719,15 +719,7 @@ var dtpPanel = Utils.defineClass({
let child = actor.get_first_child();
if (child) {
let currentStyle = child.get_style();
let style = 'padding: ' + (isVertical ? '6px 0' : '0');
if (currentStyle && currentStyle != style) {
style = currentStyle + (currentStyle.trim().slice(-1) != ';' ? ';' : '') + style;
}
actor.set_width(isVertical ? size : -1);
child.set_style(style);
}
}

22
panelStyle.js
View File

@@ -29,6 +29,7 @@ const Mainloop = imports.mainloop;
const St = imports.gi.St;
const Shell = imports.gi.Shell;
const Panel = Me.imports.panel;
const Taskbar = Me.imports.taskbar;
const Utils = Me.imports.utils;
@@ -78,14 +79,15 @@ var dtpPanelStyle = Utils.defineClass({
this._rightBoxOperations = [];
let trayPadding = Me.settings.get_int('tray-padding');
let isVertical = Panel.checkIfVertical();
let paddingStyle = 'padding: ' + (isVertical ? '%dpx 0' : '0 %dpx');
if(trayPadding >= 0) {
let trayPaddingStyleLine = '-natural-hpadding: %dpx'.format(trayPadding);
if (trayPadding < 6) {
trayPaddingStyleLine += '; -minimum-hpadding: %dpx'.format(trayPadding);
}
let trayPaddingStyleLine = paddingStyle.format(trayPadding,);
let operation = {};
operation.compareFn = function (actor) {
return (actor.has_style_class_name && actor.has_style_class_name('panel-button'));
let parent = actor.get_parent();
return (parent && parent.has_style_class_name && parent.has_style_class_name('panel-button'));
};
operation.applyFn = Lang.bind(this, function (actor, operationIdx) {
this._overrideStyle(actor, trayPaddingStyleLine, operationIdx);
@@ -95,7 +97,7 @@ var dtpPanelStyle = Utils.defineClass({
let statusIconPadding = Me.settings.get_int('status-icon-padding');
if(statusIconPadding >= 0) {
let statusIconPaddingStyleLine = 'padding-left: %dpx; padding-right: %dpx'.format(statusIconPadding, statusIconPadding)
let statusIconPaddingStyleLine = paddingStyle.format(statusIconPadding)
let operation = {};
operation.compareFn = function (actor) {
return (actor.has_style_class_name && actor.has_style_class_name('system-status-icon'));
@@ -139,13 +141,11 @@ var dtpPanelStyle = Utils.defineClass({
let leftboxPadding = Me.settings.get_int('leftbox-padding');
if(leftboxPadding >= 0) {
let leftboxPaddingStyleLine = '-natural-hpadding: %dpx'.format(leftboxPadding);
if (leftboxPadding < 6) {
leftboxPaddingStyleLine += '; -minimum-hpadding: %dpx'.format(leftboxPadding);
}
let leftboxPaddingStyleLine = paddingStyle.format(leftboxPadding);
let operation = {};
operation.compareFn = function (actor) {
return (actor.has_style_class_name && actor.has_style_class_name('panel-button'));
let parent = actor.get_parent();
return (parent && parent.has_style_class_name && parent.has_style_class_name('panel-button'));
};
operation.applyFn = Lang.bind(this, function (actor, operationIdx) {
this._overrideStyle(actor, leftboxPaddingStyleLine, operationIdx);

6
stylesheet.css
View File

@@ -73,7 +73,11 @@
.dashtopanelPanel.vertical .panel-button * {
padding: 0;
margin: 1px 0;
margin: 0;
}
.dashtopanelPanel.vertical .panel-button > * {
padding: 6px 0;
}
#dashtopanelThumbnailList {