void/AyuGramDesktop
2
0
Fork 0
mirror of https://github.com/AyuGram/AyuGramDesktop.git synced 2025-04-15 21:57:10 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve status selector design.

Browse source
This commit is contained in:
John Preston 2023-01-24 20:44:25 +04:00
parent 4129664637
commit 1f6ccf59cb
2 changed files with 22 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
Telegram/SourceFiles/chat_helpers/chat_helpers.style
View file

@ -276,6 +276,11 @@ defaultEmojiPan: EmojiPan {
search: defaultTabbedSearch;
searchMargin: margins(1px, 11px, 2px, 5px);
}
statusEmojiPan: EmojiPan(defaultEmojiPan) {
categoriesBg: windowBg;
fadeLeft: icon {{ "fade_horizontal-flip_horizontal", windowBg }};
fadeRight: icon {{ "fade_horizontal", windowBg }};
}
inlineResultsMinHeight: 278px;
inlineResultsMaxHeight: 640px;
@ -398,15 +403,12 @@ reactStripBubble: icon{
{ "chat/reactions_bubble", windowBg },
};
reactStripBubbleRight: 20px;
reactPanelEmojiPan: EmojiPan(defaultEmojiPan) {
reactPanelEmojiPan: EmojiPan(statusEmojiPan) {
margin: margins(reactStripSkip, 0px, reactStripSkip, 0px);
padding: margins(reactStripSkip, 0px, reactStripSkip, reactStripSkip);
desiredSize: reactStripSize;
verticalSizeSub: 0px;
overBg: transparent;
categoriesBg: windowBg;
fadeLeft: icon {{ "fade_horizontal-flip_horizontal", windowBg }};
fadeRight: icon {{ "fade_horizontal", windowBg }};
}
reactPanelScroll: ScrollArea(defaultSolidScroll) {
deltat: 3px;

37
Telegram/SourceFiles/chat_helpers/tabbed_selector.cpp
View file

@ -322,7 +322,7 @@ TabbedSelector::TabbedSelector(
Window::GifPauseReason level,
Mode mode)
: RpWidget(parent)
, _st(st::defaultEmojiPan)
, _st((mode == Mode::EmojiStatus) ? st::statusEmojiPan : st::defaultEmojiPan)
, _controller(controller)
, _level(level)
, _mode(mode)
@ -370,12 +370,6 @@ TabbedSelector::TabbedSelector(
}
setWidgetToScrollArea();
_bottomShadow->setGeometry(
0,
_scroll->y() + _scroll->height() - st::lineWidth,
width(),
st::lineWidth);
for (auto &tab : _tabs) {
const auto widget = tab.widget();
@ -484,13 +478,16 @@ TabbedSelector::Tab TabbedSelector::createTab(SelectorTab type, int index) {
switch (type) {
case SelectorTab::Emoji:
using EmojiMode = EmojiListWidget::Mode;
return object_ptr<EmojiListWidget>(
this,
_controller,
_level,
(_mode == Mode::EmojiStatus
using Descriptor = EmojiListDescriptor;
return object_ptr<EmojiListWidget>(this, Descriptor{
.session = &_controller->session(),
.mode = (_mode == Mode::EmojiStatus
? EmojiMode::EmojiStatus
: EmojiMode::Full));
: EmojiMode::Full),
.controller = _controller,
.paused = Window::PausedIn(_controller, _level),
.st = &_st,
});
case SelectorTab::Stickers:
return object_ptr<StickersListWidget>(this, _controller, _level);
case SelectorTab::Gifs:
@ -637,7 +634,7 @@ void TabbedSelector::updateScrollGeometry(QSize oldSize) {
}
_bottomShadow->setGeometry(
0,
_scroll->y() + _scroll->height() - st::lineWidth,
_scroll->y() + (_dropDown ? 0 : (_scroll->height() - st::lineWidth)),
width(),
st::lineWidth);
}
@ -705,9 +702,7 @@ void TabbedSelector::paintBgRoundedPart(QPainter &p) {
}
void TabbedSelector::paintContent(QPainter &p) {
auto &footerBg = hasSectionIcons()
? st::emojiPanCategories
: st::emojiPanBg;
const auto &footerBg = hasSectionIcons() ? _st.categoriesBg : _st.bg;
if (_roundRadius > 0) {
paintBgRoundedPart(p);
@ -729,7 +724,7 @@ void TabbedSelector::paintContent(QPainter &p) {
});
} else {
if (_tabsSlider) {
p.fillRect(0, 0, width(), _tabsSlider->height(), st::emojiPanBg);
p.fillRect(0, 0, width(), _tabsSlider->height(), _st.bg);
}
p.fillRect(0, _footerTop, width(), _st.footer, footerBg);
}
@ -949,7 +944,7 @@ void TabbedSelector::checkRestrictedPeer() {
if (!_a_slide.animating()) {
currentTab()->footer()->show();
_scroll->show();
_bottomShadow->setVisible(_currentTabType == SelectorTab::Gifs);
_bottomShadow->setVisible(_mode == Mode::EmojiStatus);
update();
}
}
@ -966,7 +961,7 @@ void TabbedSelector::showAll() {
} else {
currentTab()->footer()->show();
_scroll->show();
_bottomShadow->setVisible(_currentTabType == SelectorTab::Gifs);
_bottomShadow->setVisible(_mode == Mode::EmojiStatus);
}
if (_topShadow) {
_topShadow->show();
@ -1051,7 +1046,7 @@ void TabbedSelector::fillTabsSliderSections() {
}
bool TabbedSelector::hasSectionIcons() const {
return (_currentTabType != SelectorTab::Gifs) && !_restrictedLabel;
return !_restrictedLabel;
}
void TabbedSelector::switchTab() {