kotatogram/lib_ui
1
0
Fork 0
Code Issues Activity

Update window title controls.

Browse source
This commit is contained in:
John Preston 2022-01-17 11:17:36 +03:00
parent 19de16ba6f
commit 9b5c939fd0
13 changed files with 39 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
icons/title_button_close.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 164 B

After

Width:  |  Height:  |  Size: 262 B

BIN
icons/title_button_close@2x.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 472 B

After

Width:  |  Height:  |  Size: 416 B

BIN
icons/title_button_close@3x.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 631 B

After

Width:  |  Height:  |  Size: 527 B

BIN
icons/title_button_maximize.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 119 B

After

Width:  |  Height:  |  Size: 277 B

BIN
icons/title_button_maximize@2x.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 144 B

After

Width:  |  Height:  |  Size: 332 B

BIN
icons/title_button_maximize@3x.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 184 B

After

Width:  |  Height:  |  Size: 498 B

BIN
icons/title_button_minimize.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 100 B

After

Width:  |  Height:  |  Size: 211 B

BIN
icons/title_button_minimize@2x.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 122 B

After

Width:  |  Height:  |  Size: 242 B

BIN
icons/title_button_minimize@3x.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 149 B

After

Width:  |  Height:  |  Size: 340 B

BIN
icons/title_button_restore.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 136 B

After

Width:  |  Height:  |  Size: 380 B

BIN
icons/title_button_restore@2x.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 160 B

After

Width:  |  Height:  |  Size: 507 B

BIN
icons/title_button_restore@3x.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 209 B

After

Width:  |  Height:  |  Size: 779 B

75
ui/widgets/widgets.style
View file

@ -1433,90 +1433,93 @@ shakeShift: 4px;
// Windows specific title
windowTitleButtonWidth: 28px;
windowTitleHeight: 24px;
windowTitleButton: IconButton {
width: 24px;
height: 21px;
width: windowTitleButtonWidth;
height: windowTitleHeight;
iconPosition: point(0px, 0px);
}
windowTitleButtonClose: IconButton(windowTitleButton) {
width: 25px;
width: windowTitleButtonWidth;
}
windowTitleButtonSize: size(windowTitleButtonWidth, windowTitleHeight);
defaultWindowTitle: WindowTitle {
height: 21px;
height: windowTitleHeight;
bg: titleBg;
bgActive: titleBgActive;
fg: titleFg;
fgActive: titleFgActive;
minimize: IconButton(windowTitleButton) {
icon: icon {
{ size(24px, 21px), titleButtonBg },
{ "title_button_minimize", titleButtonFg, point(4px, 4px) },
{ windowTitleButtonSize, titleButtonBg },
{ "title_button_minimize", titleButtonFg },
};
iconOver: icon {
{ size(24px, 21px), titleButtonBgOver },
{ "title_button_minimize", titleButtonFgOver, point(4px, 4px) },
{ windowTitleButtonSize, titleButtonBgOver },
{ "title_button_minimize", titleButtonFgOver },
};
}
minimizeIconActive: icon {
{ size(24px, 21px), titleButtonBgActive },
{ "title_button_minimize", titleButtonFgActive, point(4px, 4px) },
{ windowTitleButtonSize, titleButtonBgActive },
{ "title_button_minimize", titleButtonFgActive },
};
minimizeIconActiveOver: icon {
{ size(24px, 21px), titleButtonBgActiveOver },
{ "title_button_minimize", titleButtonFgActiveOver, point(4px, 4px) },
{ windowTitleButtonSize, titleButtonBgActiveOver },
{ "title_button_minimize", titleButtonFgActiveOver },
};
maximize: IconButton(windowTitleButton) {
icon: icon {
{ size(24px, 21px), titleButtonBg },
{ "title_button_maximize", titleButtonFg, point(4px, 4px) },
{ windowTitleButtonSize, titleButtonBg },
{ "title_button_maximize", titleButtonFg },
};
iconOver: icon {
{ size(24px, 21px), titleButtonBgOver },
{ "title_button_maximize", titleButtonFgOver, point(4px, 4px) },
{ windowTitleButtonSize, titleButtonBgOver },
{ "title_button_maximize", titleButtonFgOver },
};
}
maximizeIconActive: icon {
{ size(24px, 21px), titleButtonBgActive },
{ "title_button_maximize", titleButtonFgActive, point(4px, 4px) },
{ windowTitleButtonSize, titleButtonBgActive },
{ "title_button_maximize", titleButtonFgActive },
};
maximizeIconActiveOver: icon {
{ size(24px, 21px), titleButtonBgActiveOver },
{ "title_button_maximize", titleButtonFgActiveOver, point(4px, 4px) },
{ windowTitleButtonSize, titleButtonBgActiveOver },
{ "title_button_maximize", titleButtonFgActiveOver },
};
restoreIcon: icon {
{ size(24px, 21px), titleButtonBg },
{ "title_button_restore", titleButtonFg, point(4px, 4px) },
{ windowTitleButtonSize, titleButtonBg },
{ "title_button_restore", titleButtonFg },
};
restoreIconOver: icon {
{ size(24px, 21px), titleButtonBgOver },
{ "title_button_restore", titleButtonFgOver, point(4px, 4px) },
{ windowTitleButtonSize, titleButtonBgOver },
{ "title_button_restore", titleButtonFgOver },
};
restoreIconActive: icon {
{ size(24px, 21px), titleButtonBgActive },
{ "title_button_restore", titleButtonFgActive, point(4px, 4px) },
{ windowTitleButtonSize, titleButtonBgActive },
{ "title_button_restore", titleButtonFgActive },
};
restoreIconActiveOver: icon {
{ size(24px, 21px), titleButtonBgActiveOver },
{ "title_button_restore", titleButtonFgActiveOver, point(4px, 4px) },
{ windowTitleButtonSize, titleButtonBgActiveOver },
{ "title_button_restore", titleButtonFgActiveOver },
};
close: IconButton(windowTitleButtonClose) {
icon: icon {
{ size(25px, 21px), titleButtonCloseBg },
{ "title_button_close", titleButtonCloseFg, point(5px, 4px) },
{ windowTitleButtonSize, titleButtonCloseBg },
{ "title_button_close", titleButtonCloseFg },
};
iconOver: icon {
{ size(25px, 21px), titleButtonCloseBgOver },
{ "title_button_close", titleButtonCloseFgOver, point(5px, 4px) },
{ windowTitleButtonSize, titleButtonCloseBgOver },
{ "title_button_close", titleButtonCloseFgOver },
};
}
closeIconActive: icon {
{ size(25px, 21px), titleButtonCloseBgActive },
{ "title_button_close", titleButtonCloseFgActive, point(5px, 4px) },
{ windowTitleButtonSize, titleButtonCloseBgActive },
{ "title_button_close", titleButtonCloseFgActive },
};
closeIconActiveOver: icon {
{ size(25px, 21px), titleButtonCloseBgActiveOver },
{ "title_button_close", titleButtonCloseFgActiveOver, point(5px, 4px) },
{ windowTitleButtonSize, titleButtonCloseBgActiveOver },
{ "title_button_close", titleButtonCloseFgActiveOver },
};
}