From d1687ab9630e3e9c55a07403828963cd731da9c3 Mon Sep 17 00:00:00 2001
From: John Preston <johnprestonmail@gmail.com>
Date: Sat, 30 Sep 2017 21:26:45 +0300
Subject: [PATCH] Improve info wrapping in section / layer.

Also move layerwidget to window/layer_widget.
Also replace ui/effects/widget_fade_wrap with ui/wrap/fade_wrap.
---
 Telegram/Resources/basic.style                |   1 +
 Telegram/SourceFiles/auth_session.h           |   4 +-
 Telegram/SourceFiles/boxes/abstract_box.cpp   |  10 +-
 Telegram/SourceFiles/boxes/abstract_box.h     |  28 +-
 Telegram/SourceFiles/boxes/add_contact_box.h  |   1 +
 Telegram/SourceFiles/boxes/boxes.style        |   1 -
 .../SourceFiles/boxes/change_phone_box.cpp    |  36 +-
 Telegram/SourceFiles/boxes/peer_list_box.h    |   1 +
 Telegram/SourceFiles/boxes/stickers_box.cpp   |   1 +
 Telegram/SourceFiles/boxes/stickers_box.h     |   4 +-
 Telegram/SourceFiles/calls/calls_panel.cpp    |  13 +-
 Telegram/SourceFiles/calls/calls_panel.h      |   6 +-
 .../chat_helpers/tabbed_selector.cpp          |  11 +-
 .../SourceFiles/dialogs/dialogs_widget.cpp    |  10 +-
 Telegram/SourceFiles/dialogs/dialogs_widget.h |   6 +-
 Telegram/SourceFiles/facades.cpp              |   2 +-
 Telegram/SourceFiles/facades.h                |   3 +
 .../history/history_admin_log_section.cpp     |   2 +-
 .../SourceFiles/history/history_drag_area.cpp |   1 +
 .../SourceFiles/history/history_widget.cpp    |   8 +-
 Telegram/SourceFiles/info/info.style          |  27 +-
 .../info/info_common_groups_widget.h          |   2 +-
 .../SourceFiles/info/info_content_widget.cpp  | 157 +++++++++
 .../SourceFiles/info/info_content_widget.h    | 150 ++++++++
 ...o_layer_wrap.cpp => info_layer_widget.cpp} |  98 ++----
 ...{info_layer_wrap.h => info_layer_widget.h} |  18 +-
 Telegram/SourceFiles/info/info_memento.cpp    | 266 +++------------
 Telegram/SourceFiles/info/info_memento.h      | 185 +---------
 .../SourceFiles/info/info_narrow_wrap.cpp     | 208 ------------
 .../SourceFiles/info/info_section_widget.cpp  | 111 ++++++
 ...fo_narrow_wrap.h => info_section_widget.h} |  59 +---
 Telegram/SourceFiles/info/info_side_wrap.cpp  | 270 ---------------
 Telegram/SourceFiles/info/info_top_bar.cpp    |  55 ++-
 Telegram/SourceFiles/info/info_top_bar.h      |   7 +-
 .../SourceFiles/info/info_wrap_widget.cpp     | 319 ++++++++++++++++++
 .../{info_side_wrap.h => info_wrap_widget.h}  | 114 +++++--
 .../{ => media}/info_media_inner_widget.cpp   |   2 +-
 .../{ => media}/info_media_inner_widget.h     |   2 +-
 .../info/{ => media}/info_media_widget.cpp    |   4 +-
 .../info/{ => media}/info_media_widget.h      |   2 +-
 .../profile/info_profile_inner_widget.cpp     |   3 +-
 .../info/profile/info_profile_members.cpp     |   2 +-
 .../info/profile/info_profile_widget.h        |   6 +-
 Telegram/SourceFiles/intro/introphone.cpp     |   4 +-
 Telegram/SourceFiles/intro/introphone.h       |   2 +-
 Telegram/SourceFiles/intro/introwidget.cpp    |  47 ++-
 Telegram/SourceFiles/intro/introwidget.h      |  16 +-
 Telegram/SourceFiles/mainwidget.cpp           |  14 +-
 Telegram/SourceFiles/mainwindow.cpp           |  12 +-
 Telegram/SourceFiles/mainwindow.h             |  10 +-
 .../media/player/media_player_widget.cpp      |   2 +-
 .../media/view/media_clip_controller.cpp      |   2 +-
 Telegram/SourceFiles/overviewwidget.cpp       |   3 +-
 .../profile/profile_common_groups_section.cpp |   2 +-
 .../SourceFiles/profile/profile_widget.cpp    |   8 +-
 Telegram/SourceFiles/profile/profile_widget.h |   6 +-
 .../SourceFiles/settings/settings_layer.cpp   |   6 +-
 .../SourceFiles/settings/settings_layer.h     |  11 +-
 .../SourceFiles/settings/settings_widget.cpp  |   1 -
 .../storage/storage_shared_media.h            |   3 +-
 .../SourceFiles/storage/storage_user_photos.h |   3 +-
 ...idget_fade_wrap.cpp => fade_animation.cpp} |  41 +--
 .../SourceFiles/ui/effects/fade_animation.h   |  78 +++++
 .../SourceFiles/ui/effects/widget_fade_wrap.h | 203 -----------
 Telegram/SourceFiles/ui/twidget.h             |   3 +-
 Telegram/SourceFiles/ui/widgets/buttons.cpp   |   7 +-
 Telegram/SourceFiles/ui/widgets/shadow.cpp    |  17 +
 Telegram/SourceFiles/ui/widgets/shadow.h      |  16 +-
 Telegram/SourceFiles/ui/wrap/fade_wrap.cpp    |  98 ++++++
 Telegram/SourceFiles/ui/wrap/fade_wrap.h      | 152 +++++++++
 Telegram/SourceFiles/ui/wrap/padding_wrap.cpp |   2 +-
 Telegram/SourceFiles/ui/wrap/padding_wrap.h   |   4 +-
 Telegram/SourceFiles/ui/wrap/slide_wrap.cpp   |  16 +-
 Telegram/SourceFiles/ui/wrap/slide_wrap.h     |  12 +-
 Telegram/SourceFiles/ui/wrap/wrap.h           |   6 +-
 .../layer_widget.cpp}                         |  13 +-
 .../{layerwidget.h => window/layer_widget.h}  |  12 +-
 Telegram/SourceFiles/window/section_memento.h |  10 +-
 Telegram/SourceFiles/window/section_widget.h  |   3 +-
 .../window/themes/window_theme_editor.h       |   7 +-
 .../themes/window_theme_editor_block.cpp      |   1 +
 .../SourceFiles/window/top_bar_widget.cpp     |   7 +-
 .../SourceFiles/window/window_controller.cpp  |   9 +-
 Telegram/gyp/telegram_sources.txt             |  36 +-
 84 files changed, 1631 insertions(+), 1490 deletions(-)
 create mode 100644 Telegram/SourceFiles/info/info_content_widget.cpp
 create mode 100644 Telegram/SourceFiles/info/info_content_widget.h
 rename Telegram/SourceFiles/info/{info_layer_wrap.cpp => info_layer_widget.cpp} (65%)
 rename Telegram/SourceFiles/info/{info_layer_wrap.h => info_layer_widget.h} (83%)
 delete mode 100644 Telegram/SourceFiles/info/info_narrow_wrap.cpp
 create mode 100644 Telegram/SourceFiles/info/info_section_widget.cpp
 rename Telegram/SourceFiles/info/{info_narrow_wrap.h => info_section_widget.h} (59%)
 delete mode 100644 Telegram/SourceFiles/info/info_side_wrap.cpp
 create mode 100644 Telegram/SourceFiles/info/info_wrap_widget.cpp
 rename Telegram/SourceFiles/info/{info_side_wrap.h => info_wrap_widget.h} (53%)
 rename Telegram/SourceFiles/info/{ => media}/info_media_inner_widget.cpp (96%)
 rename Telegram/SourceFiles/info/{ => media}/info_media_inner_widget.h (97%)
 rename Telegram/SourceFiles/info/{ => media}/info_media_widget.cpp (96%)
 rename Telegram/SourceFiles/info/{ => media}/info_media_widget.h (98%)
 rename Telegram/SourceFiles/ui/effects/{widget_fade_wrap.cpp => fade_animation.cpp} (77%)
 create mode 100644 Telegram/SourceFiles/ui/effects/fade_animation.h
 delete mode 100644 Telegram/SourceFiles/ui/effects/widget_fade_wrap.h
 create mode 100644 Telegram/SourceFiles/ui/wrap/fade_wrap.cpp
 create mode 100644 Telegram/SourceFiles/ui/wrap/fade_wrap.h
 rename Telegram/SourceFiles/{layerwidget.cpp => window/layer_widget.cpp} (99%)
 rename Telegram/SourceFiles/{layerwidget.h => window/layer_widget.h} (96%)

diff --git a/Telegram/Resources/basic.style b/Telegram/Resources/basic.style
index 0724ccd9a..9bcfcb0c6 100644
--- a/Telegram/Resources/basic.style
+++ b/Telegram/Resources/basic.style
@@ -79,6 +79,7 @@ slideShift: 100px;
 slideShadow: icon {{ "slide_shadow", slideFadeOutShadowFg }};
 
 slideWrapDuration: 150;
+fadeWrapDuration: 200;
 
 linkCropLimit: 360px;
 linkFont: normalFont;
diff --git a/Telegram/SourceFiles/auth_session.h b/Telegram/SourceFiles/auth_session.h
index e6228a536..39236e8c6 100644
--- a/Telegram/SourceFiles/auth_session.h
+++ b/Telegram/SourceFiles/auth_session.h
@@ -240,7 +240,7 @@ public:
 	AuthSessionData &data() {
 		return _data;
 	}
-	void saveDataDelayed(TimeMs delay);
+	void saveDataDelayed(TimeMs delay = kDefaultSaveDelay);
 
 	ApiWrap &api() {
 		return *_api;
@@ -259,6 +259,8 @@ public:
 	~AuthSession();
 
 private:
+	static constexpr auto kDefaultSaveDelay = TimeMs(1000);
+
 	const UserId _userId = 0;
 	AuthSessionData _data;
 	base::Timer _saveDataTimer;
diff --git a/Telegram/SourceFiles/boxes/abstract_box.cpp b/Telegram/SourceFiles/boxes/abstract_box.cpp
index e90ce2ee6..16918e381 100644
--- a/Telegram/SourceFiles/boxes/abstract_box.cpp
+++ b/Telegram/SourceFiles/boxes/abstract_box.cpp
@@ -24,10 +24,11 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "styles/style_profile.h"
 #include "storage/localstorage.h"
 #include "lang/lang_keys.h"
-#include "ui/effects/widget_fade_wrap.h"
 #include "ui/widgets/buttons.h"
 #include "ui/widgets/scroll_area.h"
 #include "ui/widgets/labels.h"
+#include "ui/widgets/shadow.h"
+#include "ui/wrap/fade_wrap.h"
 #include "mainwidget.h"
 #include "mainwindow.h"
 
@@ -53,8 +54,8 @@ void BoxContent::setInner(object_ptr<TWidget> inner, const style::ScrollArea &st
 			_topShadow->raise();
 			_bottomShadow->raise();
 		} else {
-			_topShadow.create(this, object_ptr<BoxLayerTitleShadow>(this));
-			_bottomShadow.create(this, object_ptr<BoxLayerTitleShadow>(this));
+			_topShadow.create(this);
+			_bottomShadow.create(this);
 		}
 		if (!_preparing) {
 			// We didn't set dimensions yet, this will be called from finishPrepare();
@@ -421,9 +422,6 @@ void AbstractBox::keyPressEvent(QKeyEvent *e) {
 	}
 }
 
-BoxLayerTitleShadow::BoxLayerTitleShadow(QWidget *parent) : Ui::PlainShadow(parent, st::boxLayerTitleShadow) {
-}
-
 BoxContentDivider::BoxContentDivider(QWidget *parent) : RpWidget(parent) {
 }
 
diff --git a/Telegram/SourceFiles/boxes/abstract_box.h b/Telegram/SourceFiles/boxes/abstract_box.h
index 3ea435e8d..07d0fb7c3 100644
--- a/Telegram/SourceFiles/boxes/abstract_box.h
+++ b/Telegram/SourceFiles/boxes/abstract_box.h
@@ -20,25 +20,26 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 */
 #pragma once
 
-#include "layerwidget.h"
+#include "window/layer_widget.h"
 #include "ui/rp_widget.h"
-#include "ui/widgets/shadow.h"
+
+namespace style {
+struct RoundButton;
+struct ScrollArea;
+} // namespace style
 
 namespace Ui {
 class RoundButton;
 class IconButton;
 class ScrollArea;
 class FlatLabel;
-template <typename Widget>
-class WidgetFadeWrap;
+class FadeShadow;
 } // namespace Ui
 
 namespace Window {
 class Controller;
 } // namespace Window
 
-class BoxLayerTitleShadow;
-
 class BoxContentDelegate {
 public:
 	virtual Window::Controller *controller() const = 0;
@@ -194,15 +195,18 @@ private:
 	bool _noContentMargin = false;
 	int _innerTopSkip = 0;
 	object_ptr<Ui::ScrollArea> _scroll = { nullptr };
-	object_ptr<Ui::WidgetFadeWrap<BoxLayerTitleShadow>> _topShadow = { nullptr };
-	object_ptr<Ui::WidgetFadeWrap<BoxLayerTitleShadow>> _bottomShadow = { nullptr };
+	object_ptr<Ui::FadeShadow> _topShadow = { nullptr };
+	object_ptr<Ui::FadeShadow> _bottomShadow = { nullptr };
 
 	object_ptr<QTimer> _draggingScrollTimer = { nullptr };
 	int _draggingScrollDelta = 0;
 
 };
 
-class AbstractBox : public LayerWidget, public BoxContentDelegate, protected base::Subscriber {
+class AbstractBox
+	: public Window::LayerWidget
+	, public BoxContentDelegate
+	, protected base::Subscriber {
 public:
 	AbstractBox(QWidget *parent, Window::Controller *controller, object_ptr<BoxContent> content);
 
@@ -284,12 +288,6 @@ private:
 
 };
 
-class BoxLayerTitleShadow : public Ui::PlainShadow {
-public:
-	BoxLayerTitleShadow(QWidget *parent);
-
-};
-
 class BoxContentDivider : public Ui::RpWidget {
 public:
 	BoxContentDivider(QWidget *parent);
diff --git a/Telegram/SourceFiles/boxes/add_contact_box.h b/Telegram/SourceFiles/boxes/add_contact_box.h
index c49e8f14f..b4f8f0ca3 100644
--- a/Telegram/SourceFiles/boxes/add_contact_box.h
+++ b/Telegram/SourceFiles/boxes/add_contact_box.h
@@ -22,6 +22,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 
 #include "boxes/abstract_box.h"
 #include "mtproto/sender.h"
+#include "styles/style_widgets.h"
 
 class ConfirmBox;
 class PeerListBox;
diff --git a/Telegram/SourceFiles/boxes/boxes.style b/Telegram/SourceFiles/boxes/boxes.style
index dde60abd4..2fef37d8e 100644
--- a/Telegram/SourceFiles/boxes/boxes.style
+++ b/Telegram/SourceFiles/boxes/boxes.style
@@ -88,7 +88,6 @@ boxLayerTitlePosition: point(23px, 16px);
 boxLayerTitleHeight: 56px;
 boxLayerTitleAdditionalSkip: 9px;
 boxLayerTitleAdditionalFont: normalFont;
-boxLayerTitleShadow: shadowFg;
 boxLayerScroll: defaultSolidScroll;
 
 boxTopMargin: 6px;
diff --git a/Telegram/SourceFiles/boxes/change_phone_box.cpp b/Telegram/SourceFiles/boxes/change_phone_box.cpp
index 60d79194a..3a97b8988 100644
--- a/Telegram/SourceFiles/boxes/change_phone_box.cpp
+++ b/Telegram/SourceFiles/boxes/change_phone_box.cpp
@@ -24,25 +24,37 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "styles/style_boxes.h"
 #include "ui/widgets/labels.h"
 #include "ui/widgets/input_fields.h"
-#include "ui/effects/widget_fade_wrap.h"
+#include "ui/wrap/fade_wrap.h"
 #include "boxes/confirm_phone_box.h"
 #include "ui/toast/toast.h"
 #include "boxes/confirm_box.h"
 
 namespace {
 
-void createErrorLabel(QWidget *parent, object_ptr<Ui::WidgetFadeWrap<Ui::FlatLabel>> &label, const QString &text, int x, int y) {
+void createErrorLabel(
+		QWidget *parent,
+		object_ptr<Ui::FadeWrap<Ui::FlatLabel>> &label,
+		const QString &text,
+		int x,
+		int y) {
 	if (label) {
-		auto errorFadeOut = std::move(label);
-		errorFadeOut->setUpdateCallback([label = errorFadeOut.data()] {
-			if (label->isHidden() || !label->animating()) {
-				label->deleteLater();
-			}
-		});
-		errorFadeOut->hideAnimated();
+		label->hideAnimated();
+		auto context = label.data();
+		App::CallDelayed(
+			st::fadeWrapDuration,
+			context,
+			[old = std::move(label)]() mutable {
+				old.destroy();
+			});
 	}
 	if (!text.isEmpty()) {
-		label.create(parent, object_ptr<Ui::FlatLabel>(parent, text, Ui::FlatLabel::InitType::Simple, st::changePhoneError));
+		label.create(
+			parent,
+			object_ptr<Ui::FlatLabel>(
+				parent,
+				text,
+				Ui::FlatLabel::InitType::Simple,
+				st::changePhoneError));
 		label->hideFast();
 		label->moveToLeft(x, y);
 		label->showAnimated();
@@ -73,7 +85,7 @@ private:
 	}
 
 	object_ptr<Ui::PhoneInput> _phone = { nullptr };
-	object_ptr<Ui::WidgetFadeWrap<Ui::FlatLabel>> _error = { nullptr };
+	object_ptr<Ui::FadeWrap<Ui::FlatLabel>> _error = { nullptr };
 	mtpRequestId _requestId = 0;
 
 };
@@ -105,7 +117,7 @@ private:
 	int _codeLength = 0;
 	int _callTimeout = 0;
 	object_ptr<SentCodeField> _code = { nullptr };
-	object_ptr<Ui::WidgetFadeWrap<Ui::FlatLabel>> _error = { nullptr };
+	object_ptr<Ui::FadeWrap<Ui::FlatLabel>> _error = { nullptr };
 	object_ptr<Ui::FlatLabel> _callLabel = { nullptr };
 	mtpRequestId _requestId = 0;
 	SentCodeCall _call;
diff --git a/Telegram/SourceFiles/boxes/peer_list_box.h b/Telegram/SourceFiles/boxes/peer_list_box.h
index 79e432677..397749c52 100644
--- a/Telegram/SourceFiles/boxes/peer_list_box.h
+++ b/Telegram/SourceFiles/boxes/peer_list_box.h
@@ -28,6 +28,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 
 namespace style {
 struct PeerList;
+struct PeerListItem;
 } // namespace style
 
 namespace Ui {
diff --git a/Telegram/SourceFiles/boxes/stickers_box.cpp b/Telegram/SourceFiles/boxes/stickers_box.cpp
index b35792391..ccb720251 100644
--- a/Telegram/SourceFiles/boxes/stickers_box.cpp
+++ b/Telegram/SourceFiles/boxes/stickers_box.cpp
@@ -34,6 +34,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "ui/widgets/buttons.h"
 #include "ui/widgets/labels.h"
 #include "ui/widgets/scroll_area.h"
+#include "ui/widgets/shadow.h"
 #include "ui/effects/ripple_animation.h"
 #include "ui/effects/slide_animation.h"
 #include "ui/widgets/discrete_sliders.h"
diff --git a/Telegram/SourceFiles/boxes/stickers_box.h b/Telegram/SourceFiles/boxes/stickers_box.h
index 010517303..31685deea 100644
--- a/Telegram/SourceFiles/boxes/stickers_box.h
+++ b/Telegram/SourceFiles/boxes/stickers_box.h
@@ -126,7 +126,7 @@ private:
 	ChannelData *_megagroupSet = nullptr;
 
 	std::unique_ptr<Ui::SlideAnimation> _slideAnimation;
-	object_ptr<BoxLayerTitleShadow> _titleShadow = { nullptr };
+	object_ptr<Ui::PlainShadow> _titleShadow = { nullptr };
 
 	mtpRequestId _archivedRequestId = 0;
 	bool _archivedLoaded = false;
@@ -303,7 +303,7 @@ private:
 	MTPInputStickerSet _megagroupSetInput = MTP_inputStickerSetEmpty();
 	std::unique_ptr<Row> _megagroupSelectedSet;
 	object_ptr<Ui::UsernameInput> _megagroupSetField = { nullptr };
-	object_ptr<BoxLayerTitleShadow> _megagroupSelectedShadow = { nullptr };
+	object_ptr<Ui::PlainShadow> _megagroupSelectedShadow = { nullptr };
 	object_ptr<Ui::CrossButton> _megagroupSelectedRemove = { nullptr };
 	object_ptr<BoxContentDivider> _megagroupDivider = { nullptr };
 	object_ptr<Ui::FlatLabel> _megagroupSubTitle = { nullptr };
diff --git a/Telegram/SourceFiles/calls/calls_panel.cpp b/Telegram/SourceFiles/calls/calls_panel.cpp
index 507ba7d03..d4fa8f6ee 100644
--- a/Telegram/SourceFiles/calls/calls_panel.cpp
+++ b/Telegram/SourceFiles/calls/calls_panel.cpp
@@ -28,7 +28,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "ui/widgets/labels.h"
 #include "ui/widgets/shadow.h"
 #include "ui/effects/ripple_animation.h"
-#include "ui/effects/widget_fade_wrap.h"
+#include "ui/wrap/fade_wrap.h"
 #include "messenger.h"
 #include "mainwindow.h"
 #include "lang/lang_keys.h"
@@ -245,11 +245,14 @@ Panel::Panel(not_null<Call*> call)
 : _call(call)
 , _user(call->user())
 , _answerHangupRedial(this, st::callAnswer, &st::callHangup)
-, _decline(this, object_ptr<Button>(this, st::callHangup), st::callPanelDuration)
-, _cancel(this, object_ptr<Button>(this, st::callCancel), st::callPanelDuration)
+, _decline(this, object_ptr<Button>(this, st::callHangup))
+, _cancel(this, object_ptr<Button>(this, st::callCancel))
 , _mute(this, st::callMuteToggle)
 , _name(this, st::callName)
 , _status(this, st::callStatus) {
+	_decline->setDuration(st::callPanelDuration);
+	_cancel->setDuration(st::callPanelDuration);
+
 	setMouseTracking(true);
 	setWindowIcon(Window::CreateIcon());
 	initControls();
@@ -338,8 +341,8 @@ void Panel::initControls() {
 
 	reinitControls();
 
-	_decline->finishAnimation();
-	_cancel->finishAnimation();
+	_decline->finishAnimations();
+	_cancel->finishAnimations();
 }
 
 void Panel::reinitControls() {
diff --git a/Telegram/SourceFiles/calls/calls_panel.h b/Telegram/SourceFiles/calls/calls_panel.h
index c101ee38b..bfea899bf 100644
--- a/Telegram/SourceFiles/calls/calls_panel.h
+++ b/Telegram/SourceFiles/calls/calls_panel.h
@@ -29,7 +29,7 @@ namespace Ui {
 class IconButton;
 class FlatLabel;
 template <typename Widget>
-class WidgetFadeWrap;
+class FadeWrap;
 } // namespace Ui
 
 namespace Calls {
@@ -103,8 +103,8 @@ private:
 
 	class Button;
 	object_ptr<Button> _answerHangupRedial;
-	object_ptr<Ui::WidgetFadeWrap<Button>> _decline;
-	object_ptr<Ui::WidgetFadeWrap<Button>> _cancel;
+	object_ptr<Ui::FadeWrap<Button>> _decline;
+	object_ptr<Ui::FadeWrap<Button>> _cancel;
 	bool _hangupShown = false;
 	Animation _hangupShownProgress;
 	object_ptr<Ui::IconButton> _mute;
diff --git a/Telegram/SourceFiles/chat_helpers/tabbed_selector.cpp b/Telegram/SourceFiles/chat_helpers/tabbed_selector.cpp
index 557a868df..34a91c139 100644
--- a/Telegram/SourceFiles/chat_helpers/tabbed_selector.cpp
+++ b/Telegram/SourceFiles/chat_helpers/tabbed_selector.cpp
@@ -37,11 +37,6 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "apiwrap.h"
 
 namespace ChatHelpers {
-namespace {
-
-constexpr auto kSaveChosenTabTimeout = 1000;
-
-} // namespace
 
 class TabbedSelector::SlideAnimation : public Ui::RoundShadowAnimation {
 public:
@@ -287,8 +282,8 @@ void TabbedSelector::Tab::saveScrollTop() {
 
 TabbedSelector::TabbedSelector(QWidget *parent, not_null<Window::Controller*> controller) : RpWidget(parent)
 , _tabsSlider(this, st::emojiTabs)
-, _topShadow(this, st::shadowFg)
-, _bottomShadow(this, st::shadowFg)
+, _topShadow(this)
+, _bottomShadow(this)
 , _scroll(this, st::emojiScroll)
 , _tabs { {
 	Tab { SelectorTab::Emoji, object_ptr<EmojiListWidget>(this, controller) },
@@ -672,7 +667,7 @@ void TabbedSelector::switchTab() {
 	update();
 
 	Auth().data().setSelectorTab(_currentTabType);
-	Auth().saveDataDelayed(kSaveChosenTabTimeout);
+	Auth().saveDataDelayed();
 }
 
 not_null<EmojiListWidget*> TabbedSelector::emoji() const {
diff --git a/Telegram/SourceFiles/dialogs/dialogs_widget.cpp b/Telegram/SourceFiles/dialogs/dialogs_widget.cpp
index f00dfd1ee..a920cd83c 100644
--- a/Telegram/SourceFiles/dialogs/dialogs_widget.cpp
+++ b/Telegram/SourceFiles/dialogs/dialogs_widget.cpp
@@ -24,6 +24,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "dialogs/dialogs_search_from_controllers.h"
 #include "styles/style_dialogs.h"
 #include "ui/widgets/buttons.h"
+#include "ui/wrap/fade_wrap.h"
 #include "lang/lang_keys.h"
 #include "application.h"
 #include "mainwindow.h"
@@ -32,7 +33,6 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "autoupdater.h"
 #include "auth_session.h"
 #include "messenger.h"
-#include "ui/effects/widget_fade_wrap.h"
 #include "boxes/peer_list_box.h"
 #include "window/window_controller.h"
 #include "profile/profile_channel_controllers.h"
@@ -94,8 +94,12 @@ void DialogsWidget::UpdateButton::paintEvent(QPaintEvent *e) {
 DialogsWidget::DialogsWidget(QWidget *parent, not_null<Window::Controller*> controller) : Window::AbstractSectionWidget(parent, controller)
 , _mainMenuToggle(this, st::dialogsMenuToggle)
 , _filter(this, st::dialogsFilter, langFactory(lng_dlg_filter))
-, _chooseFromUser(this, object_ptr<Ui::IconButton>(this, st::dialogsSearchFrom))
-, _jumpToDate(this, object_ptr<Ui::IconButton>(this, st::dialogsCalendar))
+, _chooseFromUser(
+	this,
+	object_ptr<Ui::IconButton>(this, st::dialogsSearchFrom))
+, _jumpToDate(
+	this,
+	object_ptr<Ui::IconButton>(this, st::dialogsCalendar))
 , _cancelSearch(this, st::dialogsCancelSearch)
 , _lockUnlock(this, st::dialogsLock)
 , _scroll(this, st::dialogsScroll) {
diff --git a/Telegram/SourceFiles/dialogs/dialogs_widget.h b/Telegram/SourceFiles/dialogs/dialogs_widget.h
index fbdac2f87..2d67c395b 100644
--- a/Telegram/SourceFiles/dialogs/dialogs_widget.h
+++ b/Telegram/SourceFiles/dialogs/dialogs_widget.h
@@ -39,7 +39,7 @@ class FlatButton;
 class FlatInput;
 class CrossButton;
 template <typename Widget>
-class WidgetScaledFadeWrap;
+class FadeWrapScaled;
 } // namespace Ui
 
 namespace Window {
@@ -182,8 +182,8 @@ private:
 	object_ptr<Ui::IconButton> _forwardCancel = { nullptr };
 	object_ptr<Ui::IconButton> _mainMenuToggle;
 	object_ptr<Ui::FlatInput> _filter;
-	object_ptr<Ui::WidgetScaledFadeWrap<Ui::IconButton>> _chooseFromUser;
-	object_ptr<Ui::WidgetScaledFadeWrap<Ui::IconButton>> _jumpToDate;
+	object_ptr<Ui::FadeWrapScaled<Ui::IconButton>> _chooseFromUser;
+	object_ptr<Ui::FadeWrapScaled<Ui::IconButton>> _jumpToDate;
 	object_ptr<Ui::CrossButton> _cancelSearch;
 	object_ptr<Ui::IconButton> _lockUnlock;
 	object_ptr<Ui::ScrollArea> _scroll;
diff --git a/Telegram/SourceFiles/facades.cpp b/Telegram/SourceFiles/facades.cpp
index 463f0e85a..541380be5 100644
--- a/Telegram/SourceFiles/facades.cpp
+++ b/Telegram/SourceFiles/facades.cpp
@@ -31,7 +31,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "messenger.h"
 #include "auth_session.h"
 #include "boxes/confirm_box.h"
-#include "layerwidget.h"
+#include "window/layer_widget.h"
 #include "lang/lang_keys.h"
 #include "base/observer.h"
 #include "base/task_queue.h"
diff --git a/Telegram/SourceFiles/facades.h b/Telegram/SourceFiles/facades.h
index bc5b47408..e00987161 100644
--- a/Telegram/SourceFiles/facades.h
+++ b/Telegram/SourceFiles/facades.h
@@ -23,7 +23,10 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "base/type_traits.h"
 #include "base/observer.h"
 
+namespace Window {
 class LayerWidget;
+} // namespace Window
+
 class BoxContent;
 
 namespace InlineBots {
diff --git a/Telegram/SourceFiles/history/history_admin_log_section.cpp b/Telegram/SourceFiles/history/history_admin_log_section.cpp
index 47732b6d2..304d99ece 100644
--- a/Telegram/SourceFiles/history/history_admin_log_section.cpp
+++ b/Telegram/SourceFiles/history/history_admin_log_section.cpp
@@ -251,7 +251,7 @@ void FixedBar::mousePressEvent(QMouseEvent *e) {
 Widget::Widget(QWidget *parent, not_null<Window::Controller*> controller, not_null<ChannelData*> channel) : Window::SectionWidget(parent, controller)
 , _scroll(this, st::historyScroll, false)
 , _fixedBar(this, controller, channel)
-, _fixedBarShadow(this, st::shadowFg)
+, _fixedBarShadow(this)
 , _whatIsThis(this, lang(lng_admin_log_about).toUpper(), st::historyComposeButton) {
 	_fixedBar->move(0, 0);
 	_fixedBar->resizeToWidth(width());
diff --git a/Telegram/SourceFiles/history/history_drag_area.cpp b/Telegram/SourceFiles/history/history_drag_area.cpp
index 501435505..50590f13a 100644
--- a/Telegram/SourceFiles/history/history_drag_area.cpp
+++ b/Telegram/SourceFiles/history/history_drag_area.cpp
@@ -33,6 +33,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "mainwindow.h"
 #include "apiwrap.h"
 #include "mainwidget.h"
+#include "ui/widgets/shadow.h"
 
 DragArea::DragArea(QWidget *parent) : TWidget(parent) {
 	setMouseTracking(true);
diff --git a/Telegram/SourceFiles/history/history_widget.cpp b/Telegram/SourceFiles/history/history_widget.cpp
index a22f0433a..85888ca7c 100644
--- a/Telegram/SourceFiles/history/history_widget.cpp
+++ b/Telegram/SourceFiles/history/history_widget.cpp
@@ -36,6 +36,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "ui/widgets/inner_dropdown.h"
 #include "ui/widgets/dropdown_menu.h"
 #include "ui/widgets/labels.h"
+#include "ui/widgets/shadow.h"
 #include "ui/effects/ripple_animation.h"
 #include "inline_bots/inline_bot_result.h"
 #include "data/data_drafts.h"
@@ -77,7 +78,6 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 
 namespace {
 
-constexpr auto kSaveTabbedSelectorSectionTimeoutMs = 1000;
 constexpr auto kMessagesPerPageFirst = 30;
 constexpr auto kMessagesPerPage = 50;
 constexpr auto kPreloadHeightsCount = 3; // when 3 screens to scroll left make a preload request
@@ -539,7 +539,7 @@ HistoryWidget::HistoryWidget(QWidget *parent, not_null<Window::Controller*> cont
 , _attachDragDocument(this)
 , _attachDragPhoto(this)
 , _fileLoader(this, FileLoaderQueueStopTimeout)
-, _topShadow(this, st::shadowFg) {
+, _topShadow(this) {
 	setAcceptDrops(true);
 
 	subscribe(Auth().downloaderTaskFinished(), [this] { update(); });
@@ -3804,7 +3804,7 @@ void HistoryWidget::toggleTabbedSelectorMode() {
 		if (controller()->canShowThirdSection()
 			&& !Adaptive::OneColumn()) {
 			Auth().data().setTabbedSelectorSectionEnabled(true);
-			Auth().saveDataDelayed(kSaveTabbedSelectorSectionTimeoutMs);
+			Auth().saveDataDelayed();
 			pushTabbedSelectorToThirdSection();
 		} else {
 			_tabbedPanel->toggleAnimated();
@@ -5244,7 +5244,7 @@ void HistoryWidget::onInlineResultSend(InlineBots::Result *result, UserData *bot
 HistoryWidget::PinnedBar::PinnedBar(MsgId msgId, HistoryWidget *parent)
 : msgId(msgId)
 , cancel(parent, st::historyReplyCancel)
-, shadow(parent, st::shadowFg) {
+, shadow(parent) {
 }
 
 HistoryWidget::PinnedBar::~PinnedBar() {
diff --git a/Telegram/SourceFiles/info/info.style b/Telegram/SourceFiles/info/info.style
index 68e8f5bbe..482f7e911 100644
--- a/Telegram/SourceFiles/info/info.style
+++ b/Telegram/SourceFiles/info/info.style
@@ -54,21 +54,37 @@ infoScroll: ScrollArea(defaultScrollArea) {
 
 infoTopBarBackIcon: icon {{ "info_back", boxTitleCloseFg }};
 infoTopBarBackIconOver: icon {{ "info_back", boxTitleCloseFgOver }};
-infoTopBarHeight: boxLayerTitleHeight;
+infoTopBarHeight: 54px;
 infoTopBarBack: IconButton(defaultIconButton) {
-	width: infoTopBarHeight;
+	width: 70px;
 	height: infoTopBarHeight;
 
 	icon: infoTopBarBackIcon;
 	iconOver: infoTopBarBackIconOver;
-	iconPosition: point(10px, -1px);
+	iconPosition: point(11px, -1px);
 
 	rippleAreaPosition: point(6px, 6px);
-	rippleAreaSize: 44px;
+	rippleAreaSize: 42px;
 	ripple: RippleAnimation(defaultRippleAnimation) {
 		color: windowBgOver;
 	}
 }
+infoTopBarTitle: FlatLabel(defaultFlatLabel) {
+	textFg: windowBoldFg;
+	maxHeight: 20px;
+	style: TextStyle(defaultTextStyle) {
+		font: font(14px semibold);
+		linkFont: font(14px semibold);
+		linkFontOver: font(14px semibold);
+	}
+}
+infoTopBar: InfoTopBar {
+	height: infoTopBarHeight;
+	back: infoTopBarBack;
+	title: infoTopBarTitle;
+	titlePosition: point(23px, 18px);
+	bg: windowBg;
+}
 
 infoLayerTopBarHeight: boxLayerTitleHeight;
 infoLayerTopBarBackIcon: icon {{ "info_back", boxTitleCloseFg }};
@@ -77,8 +93,11 @@ infoLayerTopBarBack: IconButton(infoTopBarBack) {
 	width: infoLayerTopBarHeight;
 	height: infoLayerTopBarHeight;
 
+	iconPosition: point(12px, -1px);
 	icon: infoLayerTopBarBackIcon;
 	iconOver: infoLayerTopBarBackIconOver;
+
+	rippleAreaSize: 44px;
 }
 infoLayerTopBarCloseIcon: icon {{ "info_close", boxTitleCloseFg }};
 infoLayerTopBarCloseIconOver: icon {{ "info_close", boxTitleCloseFgOver }};
diff --git a/Telegram/SourceFiles/info/info_common_groups_widget.h b/Telegram/SourceFiles/info/info_common_groups_widget.h
index 9a5443b51..19362bed5 100644
--- a/Telegram/SourceFiles/info/info_common_groups_widget.h
+++ b/Telegram/SourceFiles/info/info_common_groups_widget.h
@@ -21,7 +21,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #pragma once
 
 #include <rpl/producer.h>
-#include "info/info_memento.h"
+#include "info/info_content_widget.h"
 
 namespace Info {
 namespace CommonGroups {
diff --git a/Telegram/SourceFiles/info/info_content_widget.cpp b/Telegram/SourceFiles/info/info_content_widget.cpp
new file mode 100644
index 000000000..a9e81621f
--- /dev/null
+++ b/Telegram/SourceFiles/info/info_content_widget.cpp
@@ -0,0 +1,157 @@
+/*
+This file is part of Telegram Desktop,
+the official desktop version of Telegram messaging app, see https://telegram.org
+
+Telegram Desktop is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+It is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+In addition, as a special exception, the copyright holders give permission
+to link the code of portions of this program with the OpenSSL library.
+
+Full license: https://github.com/telegramdesktop/tdesktop/blob/master/LICENSE
+Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
+*/
+#include "info/info_content_widget.h"
+
+#include <rpl/never.h>
+#include <rpl/combine.h>
+#include "window/window_controller.h"
+#include "ui/widgets/scroll_area.h"
+#include "lang/lang_keys.h"
+#include "info/profile/info_profile_widget.h"
+#include "info/media/info_media_widget.h"
+#include "info/info_common_groups_widget.h"
+#include "info/info_layer_widget.h"
+#include "info/info_section_widget.h"
+#include "styles/style_info.h"
+#include "styles/style_profile.h"
+
+namespace Info {
+
+ContentWidget::ContentWidget(
+	QWidget *parent,
+	Wrap wrap,
+	not_null<Window::Controller*> controller,
+	not_null<PeerData*> peer)
+: RpWidget(parent)
+, _controller(controller)
+, _peer(peer)
+, _wrap(wrap)
+, _scroll(this, st::infoScroll) {
+	setAttribute(Qt::WA_OpaquePaintEvent);
+}
+
+void ContentWidget::setWrap(Wrap wrap) {
+	if (_wrap != wrap) {
+		_wrap = wrap;
+		_wrapChanges.fire_copy(_wrap);
+		update();
+	}
+}
+
+void ContentWidget::resizeEvent(QResizeEvent *e) {
+	auto newScrollTop = _scroll->scrollTop() + _topDelta;
+	auto scrollGeometry = rect().marginsRemoved(
+		QMargins(0, _scrollTopSkip, 0, 0));
+	if (_scroll->geometry() != scrollGeometry) {
+		_scroll->setGeometry(scrollGeometry);
+		_inner->resizeToWidth(_scroll->width());
+	}
+
+	if (!_scroll->isHidden()) {
+		if (_topDelta) {
+			_scroll->scrollToY(newScrollTop);
+		}
+		auto scrollTop = _scroll->scrollTop();
+		_inner->setVisibleTopBottom(scrollTop, scrollTop + _scroll->height());
+	}
+}
+
+void ContentWidget::paintEvent(QPaintEvent *e) {
+	Painter p(this);
+	p.fillRect(e->rect(), (_wrap == Wrap::Layer)
+		? st::boxBg
+		: st::profileBg);
+}
+
+void ContentWidget::setGeometryWithTopMoved(
+		const QRect &newGeometry,
+		int topDelta) {
+	_topDelta = topDelta;
+	auto willBeResized = (size() != newGeometry.size());
+	if (geometry() != newGeometry) {
+		setGeometry(newGeometry);
+	}
+	if (!willBeResized) {
+		QResizeEvent fake(size(), size());
+		QApplication::sendEvent(this, &fake);
+	}
+	_topDelta = 0;
+}
+
+Ui::RpWidget *ContentWidget::doSetInnerWidget(
+		object_ptr<RpWidget> inner,
+		int scrollTopSkip) {
+	using namespace rpl::mappers;
+
+	_inner = _scroll->setOwnedWidget(std::move(inner));
+	_inner->move(0, 0);
+
+	rpl::combine(
+		_scroll->scrollTopValue(),
+		_scroll->heightValue(),
+		_inner->desiredHeightValue(),
+		tuple($1, $1 + $2, $3))
+		| rpl::start_with_next([inner = _inner](
+				int top,
+				int bottom,
+				int desired) {
+			inner->setVisibleTopBottom(top, bottom);
+		}, _inner->lifetime());
+	return _inner;
+}
+
+rpl::producer<Section> ContentWidget::sectionRequest() const {
+	return rpl::never<Section>();
+}
+
+rpl::producer<int> ContentWidget::desiredHeightValue() const {
+	return _inner->desiredHeightValue()
+		| rpl::map([this](int value) {
+			return value + _scrollTopSkip;
+		});
+}
+rpl::producer<bool> ContentWidget::desiredShadowVisibility() const {
+	using namespace rpl::mappers;
+	return _scroll->scrollTopValue()
+		| rpl::map($1 > 0);
+}
+
+int ContentWidget::scrollTopSave() const {
+	return _scroll->scrollTop();
+}
+
+void ContentWidget::scrollTopRestore(int scrollTop) {
+	_scroll->scrollToY(scrollTop);
+}
+
+void ContentWidget::scrollTo(const Ui::ScrollToRequest &request) {
+	_scroll->scrollTo(request);
+}
+
+bool ContentWidget::wheelEventFromFloatPlayer(QEvent *e) {
+	return _scroll->viewportEvent(e);
+}
+
+QRect ContentWidget::rectForFloatPlayer() const {
+	return mapToGlobal(_scroll->geometry());
+}
+
+} // namespace Info
diff --git a/Telegram/SourceFiles/info/info_content_widget.h b/Telegram/SourceFiles/info/info_content_widget.h
new file mode 100644
index 000000000..ddf4f2f9b
--- /dev/null
+++ b/Telegram/SourceFiles/info/info_content_widget.h
@@ -0,0 +1,150 @@
+/*
+This file is part of Telegram Desktop,
+the official desktop version of Telegram messaging app, see https://telegram.org
+
+Telegram Desktop is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+It is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+In addition, as a special exception, the copyright holders give permission
+to link the code of portions of this program with the OpenSSL library.
+
+Full license: https://github.com/telegramdesktop/tdesktop/blob/master/LICENSE
+Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
+*/
+#pragma once
+
+#include "ui/rp_widget.h"
+#include "info/info_wrap_widget.h"
+
+namespace Storage {
+enum class SharedMediaType : char;
+} // namespace Storage
+
+namespace Ui {
+class ScrollArea;
+struct ScrollToRequest;
+} // namespace Ui
+
+namespace Window {
+class Controller;
+} // namespace Window
+
+namespace Info {
+
+class ContentMemento;
+
+class ContentWidget : public Ui::RpWidget {
+public:
+	ContentWidget(
+		QWidget *parent,
+		Wrap wrap,
+		not_null<Window::Controller*> controller,
+		not_null<PeerData*> peer);
+
+	virtual bool showInternal(
+		not_null<ContentMemento*> memento) = 0;
+	virtual std::unique_ptr<ContentMemento> createMemento() = 0;
+
+	virtual rpl::producer<Section> sectionRequest() const;
+
+	Wrap wrap() const {
+		return _wrap;
+	}
+	void setWrap(Wrap wrap);
+
+	virtual Section section() const = 0;
+	not_null<PeerData*> peer() const {
+		return _peer;
+	}
+
+	rpl::producer<int> desiredHeightValue() const override;
+	rpl::producer<bool> desiredShadowVisibility() const;
+
+	virtual void setInnerFocus() {
+		_inner->setFocus();
+	}
+
+	// When resizing the widget with top edge moved up or down and we
+	// want to add this top movement to the scroll position, so inner
+	// content will not move.
+	void setGeometryWithTopMoved(
+		const QRect &newGeometry,
+		int topDelta);
+
+	// Float player interface.
+	bool wheelEventFromFloatPlayer(QEvent *e);
+	QRect rectForFloatPlayer() const;
+
+protected:
+	template <typename Widget>
+	Widget *setInnerWidget(
+			object_ptr<Widget> inner,
+			int scrollTopSkip = 0) {
+		return static_cast<Widget*>(
+			doSetInnerWidget(std::move(inner), scrollTopSkip));
+	}
+
+	not_null<Window::Controller*> controller() const {
+		return _controller;
+	}
+	rpl::producer<Wrap> wrapValue() const {
+		return _wrapChanges.events_starting_with_copy(_wrap);
+	}
+
+	void resizeEvent(QResizeEvent *e) override;
+	void paintEvent(QPaintEvent *e) override;
+
+	int scrollTopSave() const;
+	void scrollTopRestore(int scrollTop);
+
+	void scrollTo(const Ui::ScrollToRequest &request);
+
+private:
+	RpWidget *doSetInnerWidget(
+		object_ptr<RpWidget> inner,
+		int scrollTopSkip);
+
+	const not_null<Window::Controller*> _controller;
+	const not_null<PeerData*> _peer;
+	Wrap _wrap = Wrap::Layer;
+	rpl::event_stream<Wrap> _wrapChanges;
+
+	int _scrollTopSkip = 0;
+	object_ptr<Ui::ScrollArea> _scroll;
+	Ui::RpWidget *_inner = nullptr;
+
+	// Saving here topDelta in setGeometryWithTopMoved() to get it passed to resizeEvent().
+	int _topDelta = 0;
+
+};
+
+class ContentMemento {
+public:
+	virtual object_ptr<ContentWidget> createWidget(
+		QWidget *parent,
+		Wrap wrap,
+		not_null<Window::Controller*> controller,
+		const QRect &geometry) = 0;
+
+	virtual ~ContentMemento() = default;
+
+	void setScrollTop(int scrollTop) {
+		_scrollTop = scrollTop;
+	}
+	int scrollTop() const {
+		return _scrollTop;
+	}
+
+private:
+	int _scrollTop = 0;
+
+};
+
+} // namespace Info
diff --git a/Telegram/SourceFiles/info/info_layer_wrap.cpp b/Telegram/SourceFiles/info/info_layer_widget.cpp
similarity index 65%
rename from Telegram/SourceFiles/info/info_layer_wrap.cpp
rename to Telegram/SourceFiles/info/info_layer_widget.cpp
index 71256eb21..5df996667 100644
--- a/Telegram/SourceFiles/info/info_layer_wrap.cpp
+++ b/Telegram/SourceFiles/info/info_layer_widget.cpp
@@ -18,10 +18,12 @@ to link the code of portions of this program with the OpenSSL library.
 Full license: https://github.com/telegramdesktop/tdesktop/blob/master/LICENSE
 Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 */
-#include "info/info_layer_wrap.h"
+#include "info/info_layer_widget.h"
 
-#include "info/info_memento.h"
+#include <rpl/mappers.h>
+#include "info/info_content_widget.h"
 #include "info/info_top_bar.h"
+#include "info/info_memento.h"
 #include "ui/rp_widget.h"
 #include "ui/focus_persister.h"
 #include "ui/widgets/buttons.h"
@@ -35,81 +37,41 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "styles/style_boxes.h"
 
 namespace Info {
-namespace {
 
-constexpr auto kThirdSectionInfoTimeoutMs = 1000;
-
-} // namespace
-
-LayerWrap::LayerWrap(
+LayerWidget::LayerWidget(
 	not_null<Window::Controller*> controller,
 	not_null<Memento*> memento)
 : _controller(controller)
-, _content(createContent(controller, memento))
-, _topBar(createTopBar()) {
+, _content(this, controller, Wrap::Layer, memento) {
 	setupHeightConsumers();
 }
 
-LayerWrap::LayerWrap(
+LayerWidget::LayerWidget(
 	not_null<Window::Controller*> controller,
 	not_null<MoveMemento*> memento)
 : _controller(controller)
-, _content(memento->content(this, Wrap::Layer))
-, _topBar(createTopBar()) {
+, _content(memento->takeContent(this, Wrap::Layer)) {
 	setupHeightConsumers();
 }
 
-void LayerWrap::setupHeightConsumers() {
+void LayerWidget::setupHeightConsumers() {
 	_content->desiredHeightValue()
 		| rpl::start_with_next([this](int height) {
 			_desiredHeight = height;
 			resizeToWidth(width());
 		}, lifetime());
-	heightValue()
-		| rpl::start_with_next([this](int height) {
-			_content->resize(
-				width(),
-				height - _topBar->bottomNoMargins() - st::boxRadius);
-		}, lifetime());
 }
 
-object_ptr<TopBar> LayerWrap::createTopBar() {
-	auto result = object_ptr<TopBar>(
-		this,
-		st::infoLayerTopBar);
-	auto close = result->addButton(object_ptr<Ui::IconButton>(
-		result.data(),
-		st::infoLayerTopBarClose));
-	close->clicks()
-		| rpl::start_with_next([this] {
-			_controller->hideSpecialLayer();
-		}, close->lifetime());
-	result->setTitle(TitleValue(
-		_content->section(),
-		_content->peer()));
-	return result;
+void LayerWidget::showFinished() {
 }
 
-object_ptr<ContentWidget> LayerWrap::createContent(
-		not_null<Window::Controller*> controller,
-		not_null<Memento*> memento) {
-	return memento->content()->createWidget(
-		this,
-		Wrap::Layer,
-		controller,
-		QRect());
-}
-
-void LayerWrap::showFinished() {
-}
-
-void LayerWrap::parentResized() {
+void LayerWidget::parentResized() {
 	auto parentSize = parentWidget()->size();
 	auto parentWidth = parentSize.width();
 	if (parentWidth < MinimalSupportedWidth()) {
 		Ui::FocusPersister persister(this);
 		auto localCopy = _controller;
-		auto memento = MoveMemento(std::move(_content), Wrap::Narrow);
+		auto memento = MoveMemento(std::move(_content));
 		localCopy->hideSpecialLayer(anim::type::instant);
 		localCopy->showSection(
 			std::move(memento),
@@ -125,14 +87,14 @@ void LayerWrap::parentResized() {
 	}
 }
 
-bool LayerWrap::takeToThirdSection() {
+bool LayerWidget::takeToThirdSection() {
 	Ui::FocusPersister persister(this);
 	auto localCopy = _controller;
-	auto memento = MoveMemento(std::move(_content), Wrap::Side);
+	auto memento = MoveMemento(std::move(_content));
 	localCopy->hideSpecialLayer(anim::type::instant);
 
 	Auth().data().setThirdSectionInfoEnabled(true);
-	Auth().saveDataDelayed(kThirdSectionInfoTimeoutMs);
+	Auth().saveDataDelayed();
 	localCopy->showSection(
 		std::move(memento),
 		anim::type::instant,
@@ -140,50 +102,50 @@ bool LayerWrap::takeToThirdSection() {
 	return true;
 }
 
-int LayerWrap::MinimalSupportedWidth() {
+int LayerWidget::MinimalSupportedWidth() {
 	auto minimalMargins = 2 * st::infoMinimalLayerMargin;
 	return st::infoMinimalWidth + minimalMargins;
 }
 
-int LayerWrap::resizeGetHeight(int newWidth) {
+int LayerWidget::resizeGetHeight(int newWidth) {
 	if (!parentWidget() || !_content) {
 		return 0;
 	}
 
-	// First resize content to new width and get the new desired height.
-	_topBar->resizeToWidth(newWidth);
-	_topBar->moveToLeft(0, st::boxRadius, newWidth);
-	_content->resizeToWidth(newWidth);
-	_content->moveToLeft(0, _topBar->bottomNoMargins(), newWidth);
-
 	auto parentSize = parentWidget()->size();
 	auto windowWidth = parentSize.width();
 	auto windowHeight = parentSize.height();
-	auto maxHeight = _topBar->height() + _desiredHeight;
-	auto newHeight = st::boxRadius + maxHeight + st::boxRadius;
+	auto newHeight = st::boxRadius + _desiredHeight + st::boxRadius;
 	if (newHeight > windowHeight || newWidth >= windowWidth) {
 		newHeight = windowHeight;
 	}
 
 	setRoundedCorners(newHeight < windowHeight);
 
+	// First resize content to new width and get the new desired height.
+	auto contentTop = st::boxRadius;
+	auto contentHeight = newHeight - contentTop;
+	if (_roundedCorners) {
+		contentHeight -= st::boxRadius;
+	}
+	_content->setGeometry(0, contentTop, newWidth, contentHeight);
+
 	moveToLeft((windowWidth - newWidth) / 2, (windowHeight - newHeight) / 2);
 
-	_topBar->update();
 	_content->update();
 	update();
 
 	return newHeight;
 }
 
-void LayerWrap::setRoundedCorners(bool rounded) {
+void LayerWidget::setRoundedCorners(bool rounded) {
 	_roundedCorners = rounded;
 	setAttribute(Qt::WA_OpaquePaintEvent, !_roundedCorners);
 }
 
-void LayerWrap::paintEvent(QPaintEvent *e) {
+void LayerWidget::paintEvent(QPaintEvent *e) {
+	Painter p(this);
 	if (_roundedCorners) {
-		Painter p(this);
 		auto clip = e->rect();
 		auto r = st::boxRadius;
 		auto parts = RectPart::None | 0;
@@ -202,6 +164,8 @@ void LayerWrap::paintEvent(QPaintEvent *e) {
 				nullptr,
 				parts);
 		}
+	} else {
+		p.fillRect(0, 0, width(), st::boxRadius, st::boxBg);
 	}
 }
 
diff --git a/Telegram/SourceFiles/info/info_layer_wrap.h b/Telegram/SourceFiles/info/info_layer_widget.h
similarity index 83%
rename from Telegram/SourceFiles/info/info_layer_wrap.h
rename to Telegram/SourceFiles/info/info_layer_widget.h
index e89c74683..c0e2831e2 100644
--- a/Telegram/SourceFiles/info/info_layer_wrap.h
+++ b/Telegram/SourceFiles/info/info_layer_widget.h
@@ -20,7 +20,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 */
 #pragma once
 
-#include "layerwidget.h"
+#include "window/layer_widget.h"
 
 namespace Window {
 class Controller;
@@ -30,15 +30,15 @@ namespace Info {
 
 class Memento;
 class MoveMemento;
-class ContentWidget;
+class WrapWidget;
 class TopBar;
 
-class LayerWrap : public LayerWidget {
+class LayerWidget : public Window::LayerWidget {
 public:
-	LayerWrap(
+	LayerWidget(
 		not_null<Window::Controller*> controller,
 		not_null<Memento*> memento);
-	LayerWrap(
+	LayerWidget(
 		not_null<Window::Controller*> controller,
 		not_null<MoveMemento*> memento);
 
@@ -57,16 +57,10 @@ protected:
 private:
 	void setupHeightConsumers();
 
-	object_ptr<ContentWidget> createContent(
-		not_null<Window::Controller*> controller,
-		not_null<Memento*> memento);
-	object_ptr<TopBar> createTopBar();
-
 	void setRoundedCorners(bool roundedCorners);
 
 	not_null<Window::Controller*> _controller;
-	object_ptr<ContentWidget> _content;
-	object_ptr<TopBar> _topBar;
+	object_ptr<WrapWidget> _content;
 
 	int _desiredHeight = 0;
 	bool _roundedCorners = false;
diff --git a/Telegram/SourceFiles/info/info_memento.cpp b/Telegram/SourceFiles/info/info_memento.cpp
index aad45f61f..764d90e6b 100644
--- a/Telegram/SourceFiles/info/info_memento.cpp
+++ b/Telegram/SourceFiles/info/info_memento.cpp
@@ -20,138 +20,29 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 */
 #include "info/info_memento.h"
 
-#include <rpl/never.h>
-#include <rpl/combine.h>
-#include "window/window_controller.h"
-#include "ui/widgets/scroll_area.h"
-#include "lang/lang_keys.h"
 #include "info/profile/info_profile_widget.h"
-#include "info/info_media_widget.h"
+#include "info/media/info_media_widget.h"
 #include "info/info_common_groups_widget.h"
-#include "info/info_layer_wrap.h"
-#include "info/info_narrow_wrap.h"
-#include "info/info_side_wrap.h"
-#include "styles/style_info.h"
-#include "styles/style_profile.h"
+#include "info/info_section_widget.h"
+#include "info/info_layer_widget.h"
 
 namespace Info {
 
-ContentWidget::ContentWidget(
-	QWidget *parent,
-	Wrap wrap,
-	not_null<Window::Controller*> controller,
-	not_null<PeerData*> peer)
-: RpWidget(parent)
-, _controller(controller)
-, _peer(peer)
-, _wrap(wrap)
-, _scroll(this, st::infoScroll) {
-	setAttribute(Qt::WA_OpaquePaintEvent);
+Memento::Memento(PeerId peerId)
+: Memento(peerId, Section::Type::Profile) {
 }
 
-void ContentWidget::setWrap(Wrap wrap) {
-	if (_wrap != wrap) {
-		_wrap = wrap;
-		_wrapChanges.fire_copy(_wrap);
-		update();
-	}
+Memento::Memento(PeerId peerId, Section section)
+: Memento(peerId, section, Default(peerId, section)) {
 }
 
-void ContentWidget::resizeEvent(QResizeEvent *e) {
-	auto newScrollTop = _scroll->scrollTop() + _topDelta;
-	auto scrollGeometry = rect().marginsRemoved(
-		QMargins(0, _scrollTopSkip, 0, 0));
-	if (_scroll->geometry() != scrollGeometry) {
-		_scroll->setGeometry(scrollGeometry);
-		_inner->resizeToWidth(_scroll->width());
-	}
-
-	if (!_scroll->isHidden()) {
-		if (_topDelta) {
-			_scroll->scrollToY(newScrollTop);
-		}
-		auto scrollTop = _scroll->scrollTop();
-		_inner->setVisibleTopBottom(scrollTop, scrollTop + _scroll->height());
-	}
-}
-
-void ContentWidget::paintEvent(QPaintEvent *e) {
-	Painter p(this);
-	p.fillRect(e->rect(), (_wrap == Wrap::Layer)
-		? st::boxBg
-		: st::profileBg);
-}
-
-void ContentWidget::setGeometryWithTopMoved(
-		const QRect &newGeometry,
-		int topDelta) {
-	_topDelta = topDelta;
-	auto willBeResized = (size() != newGeometry.size());
-	if (geometry() != newGeometry) {
-		setGeometry(newGeometry);
-	}
-	if (!willBeResized) {
-		QResizeEvent fake(size(), size());
-		QApplication::sendEvent(this, &fake);
-	}
-	_topDelta = 0;
-}
-
-Ui::RpWidget *ContentWidget::doSetInnerWidget(
-		object_ptr<RpWidget> inner,
-		int scrollTopSkip) {
-	using namespace rpl::mappers;
-
-	_inner = _scroll->setOwnedWidget(std::move(inner));
-	_inner->move(0, 0);
-
-	rpl::combine(
-		_scroll->scrollTopValue(),
-		_scroll->heightValue(),
-		_inner->desiredHeightValue(),
-		tuple($1, $1 + $2, $3))
-		| rpl::start_with_next([inner = _inner](
-				int top,
-				int bottom,
-				int desired) {
-			inner->setVisibleTopBottom(top, bottom);
-		}, _inner->lifetime());
-	return _inner;
-}
-
-rpl::producer<Section> ContentWidget::sectionRequest() const {
-	return rpl::never<Section>();
-}
-
-rpl::producer<int> ContentWidget::desiredHeightValue() const {
-	return _inner->desiredHeightValue()
-		| rpl::map([this](int value) {
-			return value + _scrollTopSkip;
-		});
-}
-
-rpl::producer<int> ContentWidget::scrollTopValue() const {
-	return _scroll->scrollTopValue();
-}
-
-int ContentWidget::scrollTopSave() const {
-	return _scroll->scrollTop();
-}
-
-void ContentWidget::scrollTopRestore(int scrollTop) {
-	_scroll->scrollToY(scrollTop);
-}
-
-void ContentWidget::scrollTo(const Ui::ScrollToRequest &request) {
-	_scroll->scrollTo(request);
-}
-
-bool ContentWidget::wheelEventFromFloatPlayer(QEvent *e) {
-	return _scroll->viewportEvent(e);
-}
-
-QRect ContentWidget::rectForFloatPlayer() const {
-	return mapToGlobal(_scroll->geometry());
+Memento::Memento(
+	PeerId peerId,
+	Section section,
+	std::unique_ptr<ContentMemento> content)
+: _peerId(peerId)
+, _section(section)
+, _content(std::move(content)) {
 }
 
 std::unique_ptr<ContentMemento> Memento::Default(
@@ -177,34 +68,35 @@ object_ptr<Window::SectionWidget> Memento::createWidget(
 		not_null<Window::Controller*> controller,
 		Window::Column column,
 		const QRect &geometry) {
-	if (column == Window::Column::Third) {
-		return object_ptr<SideWrap>(
-			parent,
-			controller,
-			this);
-	}
-	return object_ptr<NarrowWrap>(
+	auto wrap = (column == Window::Column::Third)
+		? Wrap::Side
+		: Wrap::Narrow;
+	auto result = object_ptr<SectionWidget>(
 		parent,
 		controller,
+		wrap,
 		this);
+	result->setGeometry(geometry);
+	return std::move(result);
 }
 
-object_ptr<LayerWidget> Memento::createLayer(
-		not_null<Window::Controller*> controller) {
-	auto layout = controller->computeColumnLayout();
-	auto minimalWidthForLayer = st::infoMinimalWidth
-		+ 2 * st::infoMinimalLayerMargin;
-	if (layout.bodyWidth < minimalWidthForLayer) {
-		return nullptr;
+object_ptr<Window::LayerWidget> Memento::createLayer(
+		not_null<Window::Controller*> controller,
+		const QRect &geometry) {
+	if (geometry.width() >= LayerWidget::MinimalSupportedWidth()) {
+		return object_ptr<LayerWidget>(controller, this);
 	}
-	return object_ptr<LayerWrap>(controller, this);
+	return nullptr;
 }
 
-MoveMemento::MoveMemento(
-	object_ptr<ContentWidget> content,
-	Wrap wrap)
-: _content(std::move(content))
-, _wrap(wrap) {
+void Memento::setInner(std::unique_ptr<ContentMemento> content) {
+	_content = std::move(content);
+}
+
+Memento::~Memento() = default;
+
+MoveMemento::MoveMemento(object_ptr<WrapWidget> content)
+: _content(std::move(content)) {
 }
 
 object_ptr<Window::SectionWidget> MoveMemento::createWidget(
@@ -212,36 +104,28 @@ object_ptr<Window::SectionWidget> MoveMemento::createWidget(
 		not_null<Window::Controller*> controller,
 		Window::Column column,
 		const QRect &geometry) {
-	if (_wrap == Wrap::Narrow && column != Window::Column::Third) {
-		auto result = object_ptr<NarrowWrap>(
-			parent,
-			controller,
-			this);
-		result->setGeometry(geometry);
-		return std::move(result);
-	} else if (_wrap == Wrap::Side && column == Window::Column::Third) {
-		auto result = object_ptr<SideWrap>(
-			parent,
-			controller,
-			this);
-		result->setGeometry(geometry);
-		return std::move(result);
-	}
-	return nullptr;
+	auto wrap = (column == Window::Column::Third)
+		? Wrap::Side
+		: Wrap::Narrow;
+	auto result = object_ptr<SectionWidget>(
+		parent,
+		controller,
+		wrap,
+		this);
+	result->setGeometry(geometry);
+	return std::move(result);
 }
 
-object_ptr<LayerWidget> MoveMemento::createLayer(
-		not_null<Window::Controller*> controller) {
-	if (_wrap == Wrap::Layer) {
-		auto result = object_ptr<LayerWrap>(
-			controller,
-			this);
-		return std::move(result);
+object_ptr<Window::LayerWidget> MoveMemento::createLayer(
+		not_null<Window::Controller*> controller,
+		const QRect &geometry) {
+	if (geometry.width() < LayerWidget::MinimalSupportedWidth()) {
+		return nullptr;
 	}
-	return nullptr;
+	return object_ptr<LayerWidget>(controller, this);
 }
 
-object_ptr<ContentWidget> MoveMemento::content(
+object_ptr<WrapWidget> MoveMemento::takeContent(
 		QWidget *parent,
 		Wrap wrap) {
 	Ui::AttachParentChild(parent, _content);
@@ -249,50 +133,4 @@ object_ptr<ContentWidget> MoveMemento::content(
 	return std::move(_content);
 }
 
-rpl::producer<QString> TitleValue(
-		const Section &section,
-		not_null<PeerData*> peer) {
-	return Lang::Viewer([&] {
-		switch (section.type()) {
-		case Section::Type::Profile:
-			if (auto user = peer->asUser()) {
-				return user->botInfo
-					? lng_info_bot_title
-					: lng_info_user_title;
-			} else if (auto channel = peer->asChannel()) {
-				return channel->isMegagroup()
-					? lng_info_group_title
-					: lng_info_channel_title;
-			} else if (peer->isChat()) {
-				return lng_info_group_title;
-			}
-			Unexpected("Bad peer type in Info::TitleValue()");
-
-		case Section::Type::Media:
-			switch (section.mediaType()) {
-			case Section::MediaType::Photo:
-				return lng_media_type_photos;
-			case Section::MediaType::Video:
-				return lng_media_type_videos;
-			case Section::MediaType::MusicFile:
-				return lng_media_type_songs;
-			case Section::MediaType::File:
-				return lng_media_type_files;
-			case Section::MediaType::VoiceFile:
-				return lng_media_type_audios;
-			case Section::MediaType::Link:
-				return lng_media_type_links;
-			case Section::MediaType::RoundFile:
-				return lng_media_type_rounds;
-			}
-			Unexpected("Bad media type in Info::TitleValue()");
-
-		case Section::Type::CommonGroups:
-			return lng_profile_common_groups_section;
-
-		}
-		Unexpected("Bad section type in Info::TitleValue()");
-	}());
-}
-
 } // namespace Info
diff --git a/Telegram/SourceFiles/info/info_memento.h b/Telegram/SourceFiles/info/info_memento.h
index 688eb62a1..221f442fa 100644
--- a/Telegram/SourceFiles/info/info_memento.h
+++ b/Telegram/SourceFiles/info/info_memento.h
@@ -20,8 +20,9 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 */
 #pragma once
 
-#include "window/section_memento.h"
 #include "ui/rp_widget.h"
+#include "info/info_wrap_widget.h"
+#include "window/section_memento.h"
 
 namespace Storage {
 enum class SharedMediaType : char;
@@ -34,164 +35,17 @@ struct ScrollToRequest;
 
 namespace Info {
 
-enum class Wrap {
-	Layer,
-	Narrow,
-	Side,
-};
-
-class Section final {
-public:
-	enum class Type {
-		Profile,
-		Media,
-		CommonGroups,
-	};
-	using MediaType = Storage::SharedMediaType;
-
-	Section(Type type) : _type(type) {
-		Expects(type != Type::Media);
-	}
-	Section(MediaType mediaType)
-		: _type(Type::Media)
-		, _mediaType(mediaType) {
-	}
-
-	Type type() const {
-		return _type;
-	}
-	MediaType mediaType() const {
-		Expects(_type == Type::Media);
-		return _mediaType;
-	}
-
-private:
-	Type _type;
-	Storage::SharedMediaType _mediaType;
-
-};
-
 class ContentMemento;
-
-class ContentWidget : public Ui::RpWidget {
-public:
-	ContentWidget(
-		QWidget *parent,
-		Wrap wrap,
-		not_null<Window::Controller*> controller,
-		not_null<PeerData*> peer);
-
-	virtual bool showInternal(
-		not_null<ContentMemento*> memento) = 0;
-	virtual std::unique_ptr<ContentMemento> createMemento() = 0;
-
-	virtual rpl::producer<Section> sectionRequest() const;
-
-	void setWrap(Wrap wrap);
-	virtual Section section() const = 0;
-	not_null<PeerData*> peer() const {
-		return _peer;
-	}
-
-	rpl::producer<int> desiredHeightValue() const override;
-
-	virtual void setInnerFocus() {
-		_inner->setFocus();
-	}
-
-	// When resizing the widget with top edge moved up or down and we
-	// want to add this top movement to the scroll position, so inner
-	// content will not move.
-	void setGeometryWithTopMoved(
-		const QRect &newGeometry,
-		int topDelta);
-
-	// Float player interface.
-	bool wheelEventFromFloatPlayer(QEvent *e);
-	QRect rectForFloatPlayer() const;
-
-protected:
-	template <typename Widget>
-	Widget *setInnerWidget(
-			object_ptr<Widget> inner,
-			int scrollTopSkip = 0) {
-		return static_cast<Widget*>(
-			doSetInnerWidget(std::move(inner), scrollTopSkip));
-	}
-
-	not_null<Window::Controller*> controller() const {
-		return _controller;
-	}
-	rpl::producer<Wrap> wrapValue() const {
-		return _wrapChanges.events_starting_with_copy(_wrap);
-	}
-
-	void resizeEvent(QResizeEvent *e) override;
-	void paintEvent(QPaintEvent *e) override;
-
-	rpl::producer<int> scrollTopValue() const;
-	int scrollTopSave() const;
-	void scrollTopRestore(int scrollTop);
-
-	void scrollTo(const Ui::ScrollToRequest &request);
-
-private:
-	RpWidget *doSetInnerWidget(
-		object_ptr<RpWidget> inner,
-		int scrollTopSkip);
-
-	const not_null<Window::Controller*> _controller;
-	const not_null<PeerData*> _peer;
-	Wrap _wrap = Wrap::Layer;
-	rpl::event_stream<Wrap> _wrapChanges;
-
-	int _scrollTopSkip = 0;
-	object_ptr<Ui::ScrollArea> _scroll;
-	Ui::RpWidget *_inner = nullptr;
-
-	// Saving here topDelta in setGeometryWithTopMoved() to get it passed to resizeEvent().
-	int _topDelta = 0;
-
-};
-
-class ContentMemento {
-public:
-	virtual object_ptr<ContentWidget> createWidget(
-		QWidget *parent,
-		Wrap wrap,
-		not_null<Window::Controller*> controller,
-		const QRect &geometry) = 0;
-
-	virtual ~ContentMemento() = default;
-
-	void setScrollTop(int scrollTop) {
-		_scrollTop = scrollTop;
-	}
-	int scrollTop() const {
-		return _scrollTop;
-	}
-
-private:
-	int _scrollTop = 0;
-
-};
+class WrapWidget;
 
 class Memento final : public Window::SectionMemento {
 public:
-	Memento(PeerId peerId)
-		: Memento(peerId, Section::Type::Profile) {
-	}
-	Memento(PeerId peerId, Section section)
-		: Memento(peerId, section, Default(peerId, section)) {
-	}
+	Memento(PeerId peerId);
+	Memento(PeerId peerId, Section section);
 	Memento(
 		PeerId peerId,
 		Section section,
-		std::unique_ptr<ContentMemento> content)
-		: _peerId(peerId)
-		, _section(section)
-		, _content(std::move(content)) {
-	}
+		std::unique_ptr<ContentMemento> content);
 
 	object_ptr<Window::SectionWidget> createWidget(
 		QWidget *parent,
@@ -199,12 +53,11 @@ public:
 		Window::Column column,
 		const QRect &geometry) override;
 
-	object_ptr<LayerWidget> createLayer(
-		not_null<Window::Controller*> controller) override;
+	object_ptr<Window::LayerWidget> createLayer(
+		not_null<Window::Controller*> controller,
+		const QRect &geometry) override;
 
-	void setInner(std::unique_ptr<ContentMemento> content) {
-		_content = std::move(content);
-	}
+	void setInner(std::unique_ptr<ContentMemento> content);
 	not_null<ContentMemento*> content() {
 		return _content.get();
 	}
@@ -216,6 +69,8 @@ public:
 		return _section;
 	}
 
+	~Memento();
+
 private:
 	static std::unique_ptr<ContentMemento> Default(
 		PeerId peerId,
@@ -229,7 +84,7 @@ private:
 
 class MoveMemento final : public Window::SectionMemento {
 public:
-	MoveMemento(object_ptr<ContentWidget> content, Wrap wrap);
+	MoveMemento(object_ptr<WrapWidget> content);
 
 	object_ptr<Window::SectionWidget> createWidget(
 		QWidget *parent,
@@ -237,25 +92,21 @@ public:
 		Window::Column column,
 		const QRect &geometry) override;
 
-	object_ptr<LayerWidget> createLayer(
-		not_null<Window::Controller*> controller) override;
+	object_ptr<Window::LayerWidget> createLayer(
+		not_null<Window::Controller*> controller,
+		const QRect &geometry) override;
 
 	bool instant() const override {
 		return true;
 	}
 
-	object_ptr<ContentWidget> content(
+	object_ptr<WrapWidget> takeContent(
 		QWidget *parent,
 		Wrap wrap);
 
 private:
-	object_ptr<ContentWidget> _content;
-	Wrap _wrap = Wrap::Layer;
+	object_ptr<WrapWidget> _content;
 
 };
 
-rpl::producer<QString> TitleValue(
-	const Section &section,
-	not_null<PeerData*> peer);
-
 } // namespace Info
diff --git a/Telegram/SourceFiles/info/info_narrow_wrap.cpp b/Telegram/SourceFiles/info/info_narrow_wrap.cpp
deleted file mode 100644
index c90e51339..000000000
--- a/Telegram/SourceFiles/info/info_narrow_wrap.cpp
+++ /dev/null
@@ -1,208 +0,0 @@
-/*
-This file is part of Telegram Desktop,
-the official desktop version of Telegram messaging app, see https://telegram.org
-
-Telegram Desktop is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-It is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU General Public License for more details.
-
-In addition, as a special exception, the copyright holders give permission
-to link the code of portions of this program with the OpenSSL library.
-
-Full license: https://github.com/telegramdesktop/tdesktop/blob/master/LICENSE
-Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
-*/
-#include "info/info_narrow_wrap.h"
-
-#include <rpl/flatten_latest.h>
-#include <rpl/filter.h>
-#include "info/profile/info_profile_widget.h"
-#include "info/info_media_widget.h"
-#include "info/info_memento.h"
-#include "info/info_top_bar.h"
-#include "info/info_layer_wrap.h"
-#include "ui/widgets/discrete_sliders.h"
-#include "ui/widgets/shadow.h"
-#include "ui/widgets/buttons.h"
-#include "ui/effects/widget_fade_wrap.h"
-#include "window/window_controller.h"
-#include "window/main_window.h"
-#include "mainwindow.h"
-#include "lang/lang_keys.h"
-#include "mainwidget.h"
-#include "styles/style_info.h"
-#include "styles/style_profile.h"
-
-namespace Info {
-
-NarrowWrap::NarrowWrap(
-	QWidget *parent,
-	not_null<Window::Controller*> controller,
-	not_null<Memento*> memento)
-: Window::SectionWidget(parent, controller)
-, _topShadow(this, object_ptr<Ui::PlainShadow>(this, st::shadowFg)) {
-	_topShadow->hideFast();
-	_topShadow->raise();
-	setInternalState(geometry(), memento);
-}
-
-NarrowWrap::NarrowWrap(
-	QWidget *parent,
-	not_null<Window::Controller*> controller,
-	not_null<MoveMemento*> memento)
-: Window::SectionWidget(parent, controller)
-, _topShadow(this, object_ptr<Ui::PlainShadow>(this, st::shadowFg)) {
-	_topShadow->hideFast();
-	_topShadow->raise();
-	restoreState(memento);
-}
-
-object_ptr<LayerWidget> NarrowWrap::moveContentToLayer(
-		int availableWidth) {
-	if (width() < LayerWrap::MinimalSupportedWidth()) {
-		return nullptr;
-	}
-	return MoveMemento(
-		std::move(_content),
-		Wrap::Layer
-	).createLayer(controller());
-}
-
-not_null<PeerData*> NarrowWrap::peer() const {
-	return _content->peer();
-}
-
-void NarrowWrap::showContent(object_ptr<ContentWidget> content) {
-	_content = std::move(content);
-	_content->setGeometry(contentGeometry());
-	_content->show();
-
-	_topBar = createTopBar();
-
-	_desiredHeights.fire(desiredHeightForContent());
-}
-
-object_ptr<TopBar> NarrowWrap::createTopBar() {
-	auto result = object_ptr<TopBar>(
-		this,
-		st::infoLayerTopBar);
-	result->enableBackButton(true);
-	result->backRequest()
-		| rpl::start_with_next([this] {
-			this->controller()->showBackFromStack();
-		}, result->lifetime());
-	result->setTitle(TitleValue(
-		_content->section(),
-		_content->peer()));
-	return result;
-}
-
-rpl::producer<int> NarrowWrap::desiredHeightForContent() const {
-	return _content->desiredHeightValue();
-}
-
-QPixmap NarrowWrap::grabForShowAnimation(
-		const Window::SectionSlideParams &params) {
-	anim::SetDisabled(true);
-	if (params.withTopBarShadow) _topShadow->hide();
-	auto result = myGrab(this);
-	if (params.withTopBarShadow) _topShadow->show();
-	anim::SetDisabled(false);
-	return result;
-}
-
-void NarrowWrap::doSetInnerFocus() {
-//	_content->setInnerFocus();
-}
-
-bool NarrowWrap::hasTopBarShadow() const {
-	return !_topShadow->isHidden() && !_topShadow->animating();
-}
-
-bool NarrowWrap::showInternal(
-		not_null<Window::SectionMemento*> memento) {
-	if (auto infoMemento = dynamic_cast<Memento*>(memento.get())) {
-		if (infoMemento->peerId() == peer()->id) {
-			restoreState(infoMemento);
-			return true;
-		}
-	}
-	return false;
-}
-
-void NarrowWrap::setInternalState(
-		const QRect &geometry,
-		not_null<Memento*> memento) {
-	setGeometry(geometry);
-	restoreState(memento);
-}
-
-std::unique_ptr<Window::SectionMemento> NarrowWrap::createMemento() {
-	auto result = std::make_unique<Memento>(peer()->id);
-	saveState(result.get());
-	return std::move(result);
-}
-
-rpl::producer<int> NarrowWrap::desiredHeight() const {
-	return
-		rpl::single(desiredHeightForContent())
-		| rpl::then(_desiredHeights.events())
-		| rpl::flatten_latest();
-}
-
-void NarrowWrap::saveState(not_null<Memento*> memento) {
-	memento->setInner(_content->createMemento());
-}
-
-QRect NarrowWrap::contentGeometry() const {
-	return rect().marginsRemoved(
-		QMargins(0, _topBar ? _topBar->bottomNoMargins() : 0, 0, 0));
-}
-
-void NarrowWrap::restoreState(not_null<Memento*> memento) {
-	showContent(memento->content()->createWidget(
-		this,
-		Wrap::Narrow,
-		controller(),
-		contentGeometry()));
-}
-
-void NarrowWrap::restoreState(not_null<MoveMemento*> memento) {
-	showContent(memento->content(this, Wrap::Narrow));
-}
-
-void NarrowWrap::resizeEvent(QResizeEvent *e) {
-	if (_topBar) {
-		_topBar->resizeToWidth(width());
-		_topBar->moveToLeft(0, 0);
-	}
-	if (_content) {
-		_content->setGeometry(contentGeometry());
-	}
-}
-
-void NarrowWrap::paintEvent(QPaintEvent *e) {
-	SectionWidget::paintEvent(e);
-	if (animating()) {
-		return;
-	}
-
-	Painter p(this);
-	p.fillRect(e->rect(), st::profileBg);
-}
-
-bool NarrowWrap::wheelEventFromFloatPlayer(QEvent *e) {
-	return _content->wheelEventFromFloatPlayer(e);
-}
-
-QRect NarrowWrap::rectForFloatPlayer() const {
-	return _content->rectForFloatPlayer();
-}
-
-} // namespace Info
diff --git a/Telegram/SourceFiles/info/info_section_widget.cpp b/Telegram/SourceFiles/info/info_section_widget.cpp
new file mode 100644
index 000000000..e361332d6
--- /dev/null
+++ b/Telegram/SourceFiles/info/info_section_widget.cpp
@@ -0,0 +1,111 @@
+/*
+This file is part of Telegram Desktop,
+the official desktop version of Telegram messaging app, see https://telegram.org
+
+Telegram Desktop is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+It is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+In addition, as a special exception, the copyright holders give permission
+to link the code of portions of this program with the OpenSSL library.
+
+Full license: https://github.com/telegramdesktop/tdesktop/blob/master/LICENSE
+Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
+*/
+#include "info/info_section_widget.h"
+
+#include "info/info_content_widget.h"
+#include "info/info_wrap_widget.h"
+#include "info/info_layer_widget.h"
+#include "info/info_memento.h"
+
+namespace Info {
+
+SectionWidget::SectionWidget(
+	QWidget *parent,
+	not_null<Window::Controller*> controller,
+	Wrap wrap,
+	not_null<Memento*> memento)
+: Window::SectionWidget(parent, controller)
+, _content(this, controller, wrap, memento) {
+	init();
+}
+
+SectionWidget::SectionWidget(
+	QWidget *parent,
+	not_null<Window::Controller*> controller,
+	Wrap wrap,
+	not_null<MoveMemento*> memento)
+: Window::SectionWidget(parent, controller)
+, _content(memento->takeContent(this, wrap)) {
+	init();
+}
+
+void SectionWidget::init() {
+	_content->move(0, 0);
+	sizeValue()
+		| rpl::start_with_next([wrap = _content.data()](QSize size) {
+			wrap->resize(size);
+		}, _content->lifetime());
+}
+
+PeerData *SectionWidget::peerForDialogs() const {
+	return _content->peer();
+}
+
+bool SectionWidget::hasTopBarShadow() const {
+	return _content->hasTopBarShadow();
+}
+
+QPixmap SectionWidget::grabForShowAnimation(
+		const Window::SectionSlideParams &params) {
+	return _content->grabForShowAnimation(params);
+}
+
+void SectionWidget::doSetInnerFocus() {
+	_content->setInnerFocus();
+}
+
+void SectionWidget::showFinishedHook() {
+	_content->showFinished();
+}
+
+bool SectionWidget::showInternal(
+		not_null<Window::SectionMemento*> memento) {
+	if (auto infoMemento = dynamic_cast<Memento*>(memento.get())) {
+		_content->showInternal(infoMemento);
+	}
+	return false;
+}
+
+std::unique_ptr<Window::SectionMemento> SectionWidget::createMemento() {
+	auto result = std::make_unique<Memento>(_content->peer()->id);
+	_content->saveState(result.get());
+	return std::move(result);
+}
+
+object_ptr<Window::LayerWidget> SectionWidget::moveContentToLayer(
+		QRect bodyGeometry) {
+	if (_content->wrap() != Wrap::Narrow
+		|| width() < LayerWidget::MinimalSupportedWidth()) {
+		return nullptr;
+	}
+	return MoveMemento(
+		std::move(_content)).createLayer(controller(), bodyGeometry);
+}
+
+bool SectionWidget::wheelEventFromFloatPlayer(QEvent *e) {
+	return _content->wheelEventFromFloatPlayer(e);
+}
+
+QRect SectionWidget::rectForFloatPlayer() const {
+	return _content->rectForFloatPlayer();
+}
+
+} // namespace Info
diff --git a/Telegram/SourceFiles/info/info_narrow_wrap.h b/Telegram/SourceFiles/info/info_section_widget.h
similarity index 59%
rename from Telegram/SourceFiles/info/info_narrow_wrap.h
rename to Telegram/SourceFiles/info/info_section_widget.h
index 2ea397d12..c83515501 100644
--- a/Telegram/SourceFiles/info/info_narrow_wrap.h
+++ b/Telegram/SourceFiles/info/info_section_widget.h
@@ -24,44 +24,33 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "window/section_widget.h"
 
 namespace Ui {
-class PlainShadow;
 class SettingsSlider;
-template <typename Widget>
-class WidgetFadeWrap;
 } // namespace Ui
 
 namespace Info {
-namespace Profile {
-class Widget;
-} // namespace Profile
-
-namespace Media {
-class Widget;
-} // namespace Media
 
 class Memento;
 class MoveMemento;
-class ContentWidget;
-class TopBar;
+class WrapWidget;
+enum class Wrap;
 
-class NarrowWrap final : public Window::SectionWidget {
+class SectionWidget final : public Window::SectionWidget {
 public:
-	NarrowWrap(
+	SectionWidget(
 		QWidget *parent,
 		not_null<Window::Controller*> controller,
+		Wrap wrap,
 		not_null<Memento*> memento);
-	NarrowWrap(
+	SectionWidget(
 		QWidget *parent,
 		not_null<Window::Controller*> controller,
+		Wrap wrap,
 		not_null<MoveMemento*> memento);
 
 	not_null<PeerData*> peer() const;
-	PeerData *peerForDialogs() const override {
-		return peer();
-	}
+	PeerData *peerForDialogs() const override;
 
 	bool hasTopBarShadow() const override;
-
 	QPixmap grabForShowAnimation(
 		const Window::SectionSlideParams &params) override;
 
@@ -69,43 +58,21 @@ public:
 		not_null<Window::SectionMemento*> memento) override;
 	std::unique_ptr<Window::SectionMemento> createMemento() override;
 
-	rpl::producer<int> desiredHeight() const override;
-
-	object_ptr<LayerWidget> moveContentToLayer(
-		int availableWidth) override;
-
-	void setInternalState(
-		const QRect &geometry,
-		not_null<Memento*> memento);
+	object_ptr<Window::LayerWidget> moveContentToLayer(
+		QRect bodyGeometry) override;
 
 	// Float player interface.
 	bool wheelEventFromFloatPlayer(QEvent *e) override;
 	QRect rectForFloatPlayer() const override;
 
 protected:
-	void resizeEvent(QResizeEvent *e) override;
-	void paintEvent(QPaintEvent *e) override;
-
 	void doSetInnerFocus() override;
+	void showFinishedHook() override;
 
 private:
-	void saveState(not_null<Memento*> memento);
-	void restoreState(not_null<Memento*> memento);
-	void restoreState(not_null<MoveMemento*> memento);
+	void init();
 
-	QRect contentGeometry() const;
-	rpl::producer<int> desiredHeightForContent() const;
-
-	void showContent(object_ptr<ContentWidget> content);
-	object_ptr<TopBar> createTopBar();
-
-	object_ptr<Ui::WidgetFadeWrap<Ui::PlainShadow>> _topShadow = { nullptr };
-	object_ptr<ContentWidget> _content = { nullptr };
-	object_ptr<TopBar> _topBar = { nullptr };
-
-	rpl::event_stream<rpl::producer<int>> _desiredHeights;
-
-	rpl::lifetime _lifetime;
+	object_ptr<WrapWidget> _content;
 
 };
 
diff --git a/Telegram/SourceFiles/info/info_side_wrap.cpp b/Telegram/SourceFiles/info/info_side_wrap.cpp
deleted file mode 100644
index c89382a1b..000000000
--- a/Telegram/SourceFiles/info/info_side_wrap.cpp
+++ /dev/null
@@ -1,270 +0,0 @@
-/*
-This file is part of Telegram Desktop,
-the official desktop version of Telegram messaging app, see https://telegram.org
-
-Telegram Desktop is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-It is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU General Public License for more details.
-
-In addition, as a special exception, the copyright holders give permission
-to link the code of portions of this program with the OpenSSL library.
-
-Full license: https://github.com/telegramdesktop/tdesktop/blob/master/LICENSE
-Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
-*/
-#include "info/info_side_wrap.h"
-
-#include <rpl/flatten_latest.h>
-#include "info/profile/info_profile_widget.h"
-#include "info/info_media_widget.h"
-#include "info/info_memento.h"
-#include "ui/widgets/discrete_sliders.h"
-#include "auth_session.h"
-#include "ui/widgets/shadow.h"
-#include "lang/lang_keys.h"
-#include "styles/style_info.h"
-#include "styles/style_profile.h"
-
-namespace Info {
-
-SideWrap::SideWrap(
-	QWidget *parent,
-	not_null<Window::Controller*> controller,
-	not_null<Memento*> memento)
-: Window::SectionWidget(parent, controller) {
-	setInternalState(geometry(), memento);
-}
-
-SideWrap::SideWrap(
-	QWidget *parent,
-	not_null<Window::Controller*> controller,
-	not_null<MoveMemento*> memento)
-: Window::SectionWidget(parent, controller) {
-	restoreState(memento);
-}
-
-not_null<PeerData*> SideWrap::peer() const {
-	return _content->peer();
-}
-
-void SideWrap::setupTabs() {
-	_tabsShadow.create(this, st::shadowFg);
-	_tabs.create(this, st::infoTabs);
-	auto sections = QStringList();
-	sections.push_back(lang(lng_profile_info_section));
-	sections.push_back(lang(lng_info_tab_media));
-	_tabs->setSections(sections);
-	_tabs->sectionActivated()
-		| rpl::map([](int index) { return static_cast<Tab>(index); })
-		| rpl::start_with_next(
-			[this](Tab tab) { showTab(tab); },
-			_lifetime);
-
-	_tabs->move(0, 0);
-	_tabs->resizeToWidth(width());
-	_tabs->show();
-
-	_tabsShadow->setGeometry(
-		0,
-		_tabs->height() - st::lineWidth,
-		width(),
-		st::lineWidth);
-	_tabsShadow->show();
-}
-
-void SideWrap::showTab(Tab tab) {
-	showContent(createContent(tab));
-}
-
-void SideWrap::setSection(const Section &section) {
-	switch (section.type()) {
-	case Section::Type::Profile:
-		setCurrentTab(Tab::Profile);
-		break;
-	case Section::Type::Media:
-		switch (section.mediaType()) {
-		case Section::MediaType::Photo:
-		case Section::MediaType::Video:
-		case Section::MediaType::File:
-			setCurrentTab(Tab::Media);
-			break;
-		default:
-			setCurrentTab(Tab::None);
-			break;
-		}
-		break;
-	case Section::Type::CommonGroups:
-		setCurrentTab(Tab::None);
-		break;
-	}
-}
-
-void SideWrap::showContent(object_ptr<ContentWidget> content) {
-	_content = std::move(content);
-	_content->setGeometry(contentGeometry());
-	_content->show();
-
-	_desiredHeights.fire(desiredHeightForContent());
-}
-
-rpl::producer<int> SideWrap::desiredHeightForContent() const {
-	auto result = _content->desiredHeightValue();
-	if (_tabs) {
-		result = std::move(result)
-			| rpl::map(func::add(_tabs->height()));
-	}
-	return result;
-}
-
-object_ptr<ContentWidget> SideWrap::createContent(Tab tab) {
-	switch (tab) {
-	case Tab::Profile: return createProfileWidget();
-	case Tab::Media: return createMediaWidget();
-	}
-	Unexpected("Tab value in Info::SideWrap::createInner()");
-}
-
-object_ptr<Profile::Widget> SideWrap::createProfileWidget() {
-	auto result = object_ptr<Profile::Widget>(
-		this,
-		Wrap::Side,
-		controller(),
-		_content->peer());
-	return result;
-}
-
-object_ptr<Media::Widget> SideWrap::createMediaWidget() {
-	auto result = object_ptr<Media::Widget>(
-		this,
-		Wrap::Side,
-		controller(),
-		_content->peer(),
-		Media::Widget::Type::Photo);
-	return result;
-}
-
-QPixmap SideWrap::grabForShowAnimation(
-		const Window::SectionSlideParams &params) {
-	if (params.withTopBarShadow) _tabsShadow->hide();
-	auto result = myGrab(this);
-	if (params.withTopBarShadow) _tabsShadow->show();
-	return result;
-}
-
-void SideWrap::doSetInnerFocus() {
-	_content->setInnerFocus();
-}
-
-void SideWrap::showFinishedHook() {
-}
-
-bool SideWrap::showInternal(
-		not_null<Window::SectionMemento*> memento) {
-	if (auto infoMemento = dynamic_cast<Memento*>(memento.get())) {
-		if (infoMemento->peerId() == peer()->id) {
-			restoreState(infoMemento);
-			return true;
-		}
-	}
-	return false;
-}
-
-void SideWrap::setInternalState(
-		const QRect &geometry,
-		not_null<Memento*> memento) {
-	setGeometry(geometry);
-	restoreState(memento);
-	if (_tabs) {
-		_tabs->finishAnimations();
-	}
-}
-
-std::unique_ptr<Window::SectionMemento> SideWrap::createMemento() {
-	auto result = std::make_unique<Memento>(peer()->id);
-	saveState(result.get());
-	return std::move(result);
-}
-
-rpl::producer<int> SideWrap::desiredHeightValue() const {
-	return
-		rpl::single(desiredHeightForContent())
-		| rpl::then(_desiredHeights.events())
-		| rpl::flatten_latest();
-}
-
-void SideWrap::saveState(not_null<Memento*> memento) {
-	memento->setInner(_content->createMemento());
-}
-
-QRect SideWrap::contentGeometry() const {
-	return (_tab == Tab::None)
-		? rect()
-		: rect().marginsRemoved({ 0, _tabs->height(), 0, 0 });
-}
-
-void SideWrap::restoreState(not_null<Memento*> memento) {
-	// Validates contentGeometry().
-	setSection(memento->section());
-	showContent(memento->content()->createWidget(
-		this,
-		Wrap::Side,
-		controller(),
-		contentGeometry()));
-}
-
-void SideWrap::restoreState(not_null<MoveMemento*> memento) {
-	auto content = memento->content(this, Wrap::Side);
-	setSection(content->section());
-	showContent(std::move(content));
-}
-
-void SideWrap::setCurrentTab(Tab tab) {
-	_tab = tab;
-	if (_tab == Tab::None) {
-		_tabs.destroy();
-	} else if (!_tabs) {
-		setupTabs();
-	} else {
-		_tabs->setActiveSection(static_cast<int>(tab));
-	}
-}
-
-void SideWrap::resizeEvent(QResizeEvent *e) {
-	if (_tabs) {
-		_tabs->resizeToWidth(width());
-		_tabsShadow->setGeometry(
-			0,
-			_tabs->height() - st::lineWidth,
-			width(),
-			st::lineWidth);
-	}
-	if (_content) {
-		_content->setGeometry(contentGeometry());
-	}
-}
-
-void SideWrap::paintEvent(QPaintEvent *e) {
-	SectionWidget::paintEvent(e);
-	if (animating()) {
-		return;
-	}
-
-	Painter p(this);
-	p.fillRect(e->rect(), st::profileBg);
-}
-
-bool SideWrap::wheelEventFromFloatPlayer(QEvent *e) {
-	return _content->wheelEventFromFloatPlayer(e);
-}
-
-QRect SideWrap::rectForFloatPlayer() const {
-	return _content->rectForFloatPlayer();
-}
-
-} // namespace Info
diff --git a/Telegram/SourceFiles/info/info_top_bar.cpp b/Telegram/SourceFiles/info/info_top_bar.cpp
index 2ec8c3071..4e68d64f9 100644
--- a/Telegram/SourceFiles/info/info_top_bar.cpp
+++ b/Telegram/SourceFiles/info/info_top_bar.cpp
@@ -21,8 +21,13 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "info/info_top_bar.h"
 
 #include "styles/style_info.h"
+#include "lang/lang_keys.h"
+#include "info/info_wrap_widget.h"
+#include "storage/storage_shared_media.h"
 #include "ui/widgets/buttons.h"
 #include "ui/widgets/labels.h"
+#include "ui/wrap/fade_wrap.h"
+#include "ui/widgets/shadow.h"
 
 namespace Info {
 
@@ -44,7 +49,7 @@ void TopBar::enableBackButton(bool enable) {
 	if (enable) {
 		_back.create(this, _st.back);
 		_back->clicks()
-			| rpl::start_to_stream(_backClicks, _lifetime);
+			| rpl::start_to_stream(_backClicks, lifetime());
 	} else {
 		_back.destroy();
 	}
@@ -60,7 +65,7 @@ void TopBar::pushButton(object_ptr<Ui::RpWidget> button) {
 	weak->widthValue()
 		| rpl::start_with_next([this] {
 			this->updateControlsGeometry(this->width());
-		}, _lifetime);
+		}, lifetime());
 }
 
 int TopBar::resizeGetHeight(int newWidth) {
@@ -95,4 +100,50 @@ void TopBar::paintEvent(QPaintEvent *e) {
 	p.fillRect(e->rect(), _st.bg);
 }
 
+rpl::producer<QString> TitleValue(
+		const Section &section,
+		PeerId peerId) {
+	return Lang::Viewer([&] {
+		switch (section.type()) {
+		case Section::Type::Profile:
+			if (peerIsUser(peerId)) {
+				return App::user(peerId)->botInfo
+					? lng_info_bot_title
+					: lng_info_user_title;
+			} else if (peerIsChannel(peerId)) {
+				return App::channel(peerId)->isMegagroup()
+					? lng_info_group_title
+					: lng_info_channel_title;
+			} else if (peerIsChat(peerId)) {
+				return lng_info_group_title;
+			}
+			Unexpected("Bad peer type in Info::TitleValue()");
+
+		case Section::Type::Media:
+			switch (section.mediaType()) {
+			case Section::MediaType::Photo:
+				return lng_media_type_photos;
+			case Section::MediaType::Video:
+				return lng_media_type_videos;
+			case Section::MediaType::MusicFile:
+				return lng_media_type_songs;
+			case Section::MediaType::File:
+				return lng_media_type_files;
+			case Section::MediaType::VoiceFile:
+				return lng_media_type_audios;
+			case Section::MediaType::Link:
+				return lng_media_type_links;
+			case Section::MediaType::RoundFile:
+				return lng_media_type_rounds;
+			}
+			Unexpected("Bad media type in Info::TitleValue()");
+
+		case Section::Type::CommonGroups:
+			return lng_profile_common_groups_section;
+
+		}
+		Unexpected("Bad section type in Info::TitleValue()");
+	}());
+}
+
 } // namespace Info
diff --git a/Telegram/SourceFiles/info/info_top_bar.h b/Telegram/SourceFiles/info/info_top_bar.h
index c5c6e60ef..e3a264124 100644
--- a/Telegram/SourceFiles/info/info_top_bar.h
+++ b/Telegram/SourceFiles/info/info_top_bar.h
@@ -33,6 +33,12 @@ class FlatLabel;
 
 namespace Info {
 
+class Section;
+
+rpl::producer<QString> TitleValue(
+	const Section &section,
+	PeerId peerId);
+
 class TopBar : public Ui::RpWidget {
 public:
 	TopBar(QWidget *parent, const style::InfoTopBar &st);
@@ -65,7 +71,6 @@ private:
 	object_ptr<Ui::FlatLabel> _title = { nullptr };
 
 	rpl::event_stream<> _backClicks;
-	rpl::lifetime _lifetime;
 
 };
 
diff --git a/Telegram/SourceFiles/info/info_wrap_widget.cpp b/Telegram/SourceFiles/info/info_wrap_widget.cpp
new file mode 100644
index 000000000..5133faf00
--- /dev/null
+++ b/Telegram/SourceFiles/info/info_wrap_widget.cpp
@@ -0,0 +1,319 @@
+/*
+This file is part of Telegram Desktop,
+the official desktop version of Telegram messaging app, see https://telegram.org
+
+Telegram Desktop is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+It is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+In addition, as a special exception, the copyright holders give permission
+to link the code of portions of this program with the OpenSSL library.
+
+Full license: https://github.com/telegramdesktop/tdesktop/blob/master/LICENSE
+Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
+*/
+#include "info/info_wrap_widget.h"
+
+#include <rpl/flatten_latest.h>
+#include "info/profile/info_profile_widget.h"
+#include "info/media/info_media_widget.h"
+#include "info/info_content_widget.h"
+#include "info/info_memento.h"
+#include "info/info_top_bar.h"
+#include "ui/widgets/discrete_sliders.h"
+#include "ui/widgets/buttons.h"
+#include "ui/widgets/shadow.h"
+#include "ui/wrap/fade_wrap.h"
+#include "window/window_controller.h"
+#include "auth_session.h"
+#include "lang/lang_keys.h"
+#include "styles/style_info.h"
+#include "styles/style_profile.h"
+
+namespace Info {
+
+WrapWidget::WrapWidget(
+	QWidget *parent,
+	not_null<Window::Controller*> controller,
+	Wrap wrap,
+	not_null<Memento*> memento)
+: RpWidget(parent)
+, _controller(controller) {
+	applyState(wrap, memento);
+}
+
+not_null<PeerData*> WrapWidget::peer() const {
+	return _content->peer();
+}
+
+Wrap WrapWidget::wrap() const {
+	return _content->wrap();
+}
+
+void WrapWidget::setWrap(Wrap wrap) {
+	_content->setWrap(wrap);
+	setupTop(wrap, _content->section(), _content->peer()->id);
+	finishShowContent();
+}
+
+void WrapWidget::createTabs() {
+	_topTabs.create(this, st::infoTabs);
+	auto sections = QStringList();
+	sections.push_back(lang(lng_profile_info_section));
+	sections.push_back(lang(lng_info_tab_media));
+	_topTabs->setSections(sections);
+	_topTabs->sectionActivated()
+		| rpl::map([](int index) { return static_cast<Tab>(index); })
+		| rpl::start_with_next(
+			[this](Tab tab) { showTab(tab); },
+			lifetime());
+
+	_topTabs->move(0, 0);
+	_topTabs->resizeToWidth(width());
+	_topTabs->show();
+}
+
+void WrapWidget::showTab(Tab tab) {
+	showContent(createContent(tab));
+}
+
+void WrapWidget::setupTabbedTop(const Section &section) {
+	switch (section.type()) {
+	case Section::Type::Profile:
+		setupTabs(Tab::Profile);
+		break;
+	case Section::Type::Media:
+		switch (section.mediaType()) {
+		case Section::MediaType::Photo:
+		case Section::MediaType::Video:
+		case Section::MediaType::File:
+			setupTabs(Tab::Media);
+			break;
+		default:
+			setupTabs(Tab::None);
+			break;
+		}
+		break;
+	case Section::Type::CommonGroups:
+		setupTabs(Tab::None);
+		break;
+	}
+}
+
+void WrapWidget::setupTop(
+		Wrap wrap,
+		const Section &section,
+		PeerId peerId) {
+	if (wrap == Wrap::Side) {
+		setupTabbedTop(section);
+	} else {
+		setupTabs(Tab::None);
+	}
+	if (_topTabs) {
+		_topBar.destroy();
+	} else {
+		createTopBar(wrap, section, peerId);
+	}
+}
+
+void WrapWidget::createTopBar(
+		Wrap wrap,
+		const Section &section,
+		PeerId peerId) {
+	_topBar = object_ptr<TopBar>(
+		this,
+		(wrap == Wrap::Layer)
+			? st::infoLayerTopBar
+			: st::infoTopBar);
+	_topBar->setTitle(TitleValue(
+		section,
+		peerId));
+	if (wrap != Wrap::Layer) {
+		_topBar->enableBackButton(true);
+		_topBar->backRequest()
+			| rpl::start_with_next([this] {
+				_controller->showBackFromStack();
+			}, _topBar->lifetime());
+	}
+	if (wrap == Wrap::Layer) {
+		auto close = _topBar->addButton(object_ptr<Ui::IconButton>(
+			_topBar,
+			st::infoLayerTopBarClose));
+		close->clicks()
+			| rpl::start_with_next([this] {
+			_controller->hideSpecialLayer();
+		}, close->lifetime());
+	}
+}
+
+not_null<Ui::RpWidget*> WrapWidget::topWidget() const {
+	if (_topTabs) {
+		return _topTabs;
+	}
+	return _topBar;
+}
+
+void WrapWidget::showContent(object_ptr<ContentWidget> content) {
+	_content = std::move(content);
+	_content->show();
+
+	finishShowContent();
+}
+
+void WrapWidget::finishShowContent() {
+	_topShadow.create(this);
+	_topShadow->toggleOn((wrap() == Wrap::Side)
+		? rpl::single(true)
+		: _content->desiredShadowVisibility());
+
+	if (_topTabs) {
+		_topTabs->finishAnimations();
+	}
+	_topShadow->finishAnimations();
+
+	updateContentGeometry();
+
+	_desiredHeights.fire(desiredHeightForContent());
+}
+
+rpl::producer<int> WrapWidget::desiredHeightForContent() const {
+	auto result = _content->desiredHeightValue();
+	if (_topTabs) {
+		result = std::move(result)
+			| rpl::map(func::add(_topTabs->height()));
+	}
+	return result;
+}
+
+object_ptr<ContentWidget> WrapWidget::createContent(Tab tab) {
+	switch (tab) {
+	case Tab::Profile: return createProfileWidget();
+	case Tab::Media: return createMediaWidget();
+	}
+	Unexpected("Tab value in Info::WrapWidget::createInner()");
+}
+
+object_ptr<Profile::Widget> WrapWidget::createProfileWidget() {
+	auto result = object_ptr<Profile::Widget>(
+		this,
+		Wrap::Side,
+		controller(),
+		_content->peer());
+	return result;
+}
+
+object_ptr<Media::Widget> WrapWidget::createMediaWidget() {
+	auto result = object_ptr<Media::Widget>(
+		this,
+		Wrap::Side,
+		controller(),
+		_content->peer(),
+		Media::Widget::Type::Photo);
+	return result;
+}
+
+bool WrapWidget::hasTopBarShadow() const {
+	return !_topShadow->isHiddenOrHiding();
+}
+
+QPixmap WrapWidget::grabForShowAnimation(
+		const Window::SectionSlideParams &params) {
+	if (params.withTopBarShadow) _topShadow->hide();
+	auto result = myGrab(this);
+	if (params.withTopBarShadow) _topShadow->show();
+	return result;
+}
+
+void WrapWidget::setInnerFocus() {
+	_content->setInnerFocus();
+}
+
+void WrapWidget::showFinished() {
+}
+
+bool WrapWidget::showInternal(
+		not_null<Window::SectionMemento*> memento) {
+	if (auto infoMemento = dynamic_cast<Memento*>(memento.get())) {
+		if (infoMemento->peerId() == peer()->id) {
+			applyState(_content->wrap(), infoMemento);
+			return true;
+		}
+	}
+	return false;
+}
+
+std::unique_ptr<Window::SectionMemento> WrapWidget::createMemento() {
+	auto result = std::make_unique<Memento>(peer()->id);
+	saveState(result.get());
+	return std::move(result);
+}
+
+rpl::producer<int> WrapWidget::desiredHeightValue() const {
+	return
+		rpl::single(desiredHeightForContent())
+		| rpl::then(_desiredHeights.events())
+		| rpl::flatten_latest();
+}
+
+void WrapWidget::saveState(not_null<Memento*> memento) {
+	memento->setInner(_content->createMemento());
+}
+
+QRect WrapWidget::contentGeometry() const {
+	return rect().marginsRemoved({ 0, topWidget()->height(), 0, 0 });
+}
+
+void WrapWidget::applyState(Wrap wrap, not_null<Memento*> memento) {
+	// Validates contentGeometry().
+	setupTop(wrap, memento->section(), memento->peerId());
+	showContent(memento->content()->createWidget(
+		this,
+		wrap,
+		controller(),
+		contentGeometry()));
+}
+
+void WrapWidget::setupTabs(Tab tab) {
+	_tab = tab;
+	if (_tab == Tab::None) {
+		_topTabs.destroy();
+	} else if (!_topTabs) {
+		createTabs();
+	} else {
+		_topTabs->setActiveSection(static_cast<int>(tab));
+	}
+}
+
+void WrapWidget::resizeEvent(QResizeEvent *e) {
+	topWidget()->resizeToWidth(width());
+	updateContentGeometry();
+}
+
+void WrapWidget::updateContentGeometry() {
+	if (_content) {
+		_topShadow->resizeToWidth(width());
+		_topShadow->moveToLeft(0, topWidget()->height());
+		_content->setGeometry(contentGeometry());
+	}
+}
+
+void WrapWidget::paintEvent(QPaintEvent *e) {
+	Painter p(this);
+	p.fillRect(e->rect(), st::profileBg);
+}
+
+bool WrapWidget::wheelEventFromFloatPlayer(QEvent *e) {
+	return _content->wheelEventFromFloatPlayer(e);
+}
+
+QRect WrapWidget::rectForFloatPlayer() const {
+	return _content->rectForFloatPlayer();
+}
+
+} // namespace Info
diff --git a/Telegram/SourceFiles/info/info_side_wrap.h b/Telegram/SourceFiles/info/info_wrap_widget.h
similarity index 53%
rename from Telegram/SourceFiles/info/info_side_wrap.h
rename to Telegram/SourceFiles/info/info_wrap_widget.h
index 5ea6d9361..64cbc16f4 100644
--- a/Telegram/SourceFiles/info/info_side_wrap.h
+++ b/Telegram/SourceFiles/info/info_wrap_widget.h
@@ -24,8 +24,8 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "window/section_widget.h"
 
 namespace Ui {
-class PlainShadow;
 class SettingsSlider;
+class FadeShadow;
 } // namespace Ui
 
 namespace Info {
@@ -41,50 +41,84 @@ class Section;
 class Memento;
 class MoveMemento;
 class ContentWidget;
+class TopBar;
 
-class SideWrap final : public Window::SectionWidget {
+enum class Wrap {
+	Layer,
+	Narrow,
+	Side,
+};
+
+class Section final {
 public:
-	SideWrap(
+	enum class Type {
+		Profile,
+		Media,
+		CommonGroups,
+	};
+	using MediaType = Storage::SharedMediaType;
+
+	Section(Type type) : _type(type) {
+		Expects(type != Type::Media);
+	}
+	Section(MediaType mediaType)
+		: _type(Type::Media)
+		, _mediaType(mediaType) {
+	}
+
+	Type type() const {
+		return _type;
+	}
+	MediaType mediaType() const {
+		Expects(_type == Type::Media);
+		return _mediaType;
+	}
+
+private:
+	Type _type;
+	Storage::SharedMediaType _mediaType;
+
+};
+
+class WrapWidget final : public Ui::RpWidget {
+public:
+	WrapWidget(
 		QWidget *parent,
 		not_null<Window::Controller*> controller,
+		Wrap wrap,
 		not_null<Memento*> memento);
-	SideWrap(
-		QWidget *parent,
-		not_null<Window::Controller*> controller,
-		not_null<MoveMemento*> memento);
 
 	not_null<PeerData*> peer() const;
-	PeerData *peerForDialogs() const override {
-		return peer();
-	}
-
-	bool hasTopBarShadow() const override {
-		return true;
-	}
+	Wrap wrap() const;
+	void setWrap(Wrap wrap);
 
+	bool hasTopBarShadow() const;
 	QPixmap grabForShowAnimation(
-		const Window::SectionSlideParams &params) override;
+		const Window::SectionSlideParams &params);
 
 	bool showInternal(
-		not_null<Window::SectionMemento*> memento) override;
-	std::unique_ptr<Window::SectionMemento> createMemento() override;
+		not_null<Window::SectionMemento*> memento);
+	std::unique_ptr<Window::SectionMemento> createMemento();
 
-	rpl::producer<int> desiredHeightValue() const override;
+	rpl::producer<int> desiredHeightValue() const;
 
-	void setInternalState(
-		const QRect &geometry,
-		not_null<Memento*> memento);
+	void setInnerFocus();
+	void showFinished();
+
+	void updateInternalState(not_null<Memento*> memento);
+	void saveState(not_null<Memento*> memento);
 
 	// Float player interface.
-	bool wheelEventFromFloatPlayer(QEvent *e) override;
-	QRect rectForFloatPlayer() const override;
+	bool wheelEventFromFloatPlayer(QEvent *e);
+	QRect rectForFloatPlayer() const;
 
 protected:
-	void resizeEvent(QResizeEvent *e) override;
-	void paintEvent(QPaintEvent *e) override;
+	void resizeEvent(QResizeEvent *e);
+	void paintEvent(QPaintEvent *e);
 
-	void doSetInnerFocus() override;
-	void showFinishedHook() override;
+	not_null<Window::Controller*> controller() const {
+		return _controller;
+	}
 
 private:
 	enum class Tab {
@@ -92,31 +126,37 @@ private:
 		Media,
 		None,
 	};
-	void saveState(not_null<Memento*> memento);
-	void restoreState(not_null<Memento*> memento);
-	void restoreState(not_null<MoveMemento*> memento);
+	void applyState(Wrap wrap, not_null<Memento*> memento);
+	void setupTop(Wrap wrap, const Section &section, PeerId peerId);
+	void setupTabbedTop(const Section &section);
+	void setupTabs(Tab tab);
+	void createTabs();
+	void createTopBar(
+		Wrap wrap,
+		const Section &section,
+		PeerId peerId);
+	not_null<RpWidget*> topWidget() const;
 
 	QRect contentGeometry() const;
 	rpl::producer<int> desiredHeightForContent() const;
+	void finishShowContent();
+	void updateContentGeometry();
 
-	void setupTabs();
 	void showTab(Tab tab);
-	void setCurrentTab(Tab tab);
-	void setSection(const Section &section);
 	void showContent(object_ptr<ContentWidget> content);
 	object_ptr<ContentWidget> createContent(Tab tab);
 	object_ptr<Profile::Widget> createProfileWidget();
 	object_ptr<Media::Widget> createMediaWidget();
 
-	object_ptr<Ui::PlainShadow> _tabsShadow = { nullptr };
-	object_ptr<Ui::SettingsSlider> _tabs = { nullptr };
+	not_null<Window::Controller*> _controller;
 	object_ptr<ContentWidget> _content = { nullptr };
+	object_ptr<Ui::SettingsSlider> _topTabs = { nullptr };
+	object_ptr<TopBar> _topBar = { nullptr };
+	object_ptr<Ui::FadeShadow> _topShadow = { nullptr };
 	Tab _tab = Tab::Profile;
 
 	rpl::event_stream<rpl::producer<int>> _desiredHeights;
 
-	rpl::lifetime _lifetime;
-
 };
 
 } // namespace Info
diff --git a/Telegram/SourceFiles/info/info_media_inner_widget.cpp b/Telegram/SourceFiles/info/media/info_media_inner_widget.cpp
similarity index 96%
rename from Telegram/SourceFiles/info/info_media_inner_widget.cpp
rename to Telegram/SourceFiles/info/media/info_media_inner_widget.cpp
index edee58310..10bbaa7f9 100644
--- a/Telegram/SourceFiles/info/info_media_inner_widget.cpp
+++ b/Telegram/SourceFiles/info/media/info_media_inner_widget.cpp
@@ -18,7 +18,7 @@ to link the code of portions of this program with the OpenSSL library.
 Full license: https://github.com/telegramdesktop/tdesktop/blob/master/LICENSE
 Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 */
-#include "info/info_media_inner_widget.h"
+#include "info/media/info_media_inner_widget.h"
 
 namespace Info {
 namespace Media {
diff --git a/Telegram/SourceFiles/info/info_media_inner_widget.h b/Telegram/SourceFiles/info/media/info_media_inner_widget.h
similarity index 97%
rename from Telegram/SourceFiles/info/info_media_inner_widget.h
rename to Telegram/SourceFiles/info/media/info_media_inner_widget.h
index eae591325..6a0a9d99a 100644
--- a/Telegram/SourceFiles/info/info_media_inner_widget.h
+++ b/Telegram/SourceFiles/info/media/info_media_inner_widget.h
@@ -21,7 +21,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #pragma once
 
 #include "ui/rp_widget.h"
-#include "info/info_media_widget.h"
+#include "info/media/info_media_widget.h"
 
 namespace Info {
 namespace Media {
diff --git a/Telegram/SourceFiles/info/info_media_widget.cpp b/Telegram/SourceFiles/info/media/info_media_widget.cpp
similarity index 96%
rename from Telegram/SourceFiles/info/info_media_widget.cpp
rename to Telegram/SourceFiles/info/media/info_media_widget.cpp
index aba860032..d3b6e2f98 100644
--- a/Telegram/SourceFiles/info/info_media_widget.cpp
+++ b/Telegram/SourceFiles/info/media/info_media_widget.cpp
@@ -18,9 +18,9 @@ to link the code of portions of this program with the OpenSSL library.
 Full license: https://github.com/telegramdesktop/tdesktop/blob/master/LICENSE
 Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 */
-#include "info/info_media_widget.h"
+#include "info/media/info_media_widget.h"
 
-#include "info/info_media_inner_widget.h"
+#include "info/media/info_media_inner_widget.h"
 #include "ui/widgets/scroll_area.h"
 
 namespace Info {
diff --git a/Telegram/SourceFiles/info/info_media_widget.h b/Telegram/SourceFiles/info/media/info_media_widget.h
similarity index 98%
rename from Telegram/SourceFiles/info/info_media_widget.h
rename to Telegram/SourceFiles/info/media/info_media_widget.h
index aefbd841d..6b721cd64 100644
--- a/Telegram/SourceFiles/info/info_media_widget.h
+++ b/Telegram/SourceFiles/info/media/info_media_widget.h
@@ -21,7 +21,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #pragma once
 
 #include <rpl/producer.h>
-#include "info/info_memento.h"
+#include "info/info_content_widget.h"
 #include "storage/storage_shared_media.h"
 
 namespace Info {
diff --git a/Telegram/SourceFiles/info/profile/info_profile_inner_widget.cpp b/Telegram/SourceFiles/info/profile/info_profile_inner_widget.cpp
index d1cab1496..e0c663924 100644
--- a/Telegram/SourceFiles/info/profile/info_profile_inner_widget.cpp
+++ b/Telegram/SourceFiles/info/profile/info_profile_inner_widget.cpp
@@ -43,6 +43,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "ui/widgets/buttons.h"
 #include "ui/widgets/checkbox.h"
 #include "ui/widgets/scroll_area.h"
+#include "ui/widgets/shadow.h"
 #include "ui/wrap/slide_wrap.h"
 #include "ui/wrap/vertical_layout.h"
 #include "history/history_shared_media.h"
@@ -184,7 +185,7 @@ object_ptr<Ui::RpWidget> InnerWidget::setupInfo(
 	}
 	result->add(object_ptr<Ui::SlideWrap<>>(
 		result,
-		object_ptr<Ui::PlainShadow>(result, st::shadowFg),
+		object_ptr<Ui::PlainShadow>(result),
 		st::infoProfileSeparatorPadding)
 	)->toggleOn(std::move(tracker).atLeastOneShownValue());
 	object_ptr<FloatingIcon>(
diff --git a/Telegram/SourceFiles/info/profile/info_profile_members.cpp b/Telegram/SourceFiles/info/profile/info_profile_members.cpp
index 9c8ef951a..12658f508 100644
--- a/Telegram/SourceFiles/info/profile/info_profile_members.cpp
+++ b/Telegram/SourceFiles/info/profile/info_profile_members.cpp
@@ -25,7 +25,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "info/profile/info_profile_icon.h"
 #include "info/profile/info_profile_values.h"
 #include "info/profile/info_profile_members_controllers.h"
-#include "info/info_memento.h"
+#include "info/info_content_widget.h"
 #include "profile/profile_block_group_members.h"
 #include "ui/widgets/labels.h"
 #include "ui/widgets/buttons.h"
diff --git a/Telegram/SourceFiles/info/profile/info_profile_widget.h b/Telegram/SourceFiles/info/profile/info_profile_widget.h
index ab08f60ec..67ccd1f78 100644
--- a/Telegram/SourceFiles/info/profile/info_profile_widget.h
+++ b/Telegram/SourceFiles/info/profile/info_profile_widget.h
@@ -21,7 +21,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #pragma once
 
 #include <rpl/producer.h>
-#include "info/info_memento.h"
+#include "info/info_content_widget.h"
 
 namespace Info {
 namespace Profile {
@@ -80,12 +80,8 @@ private:
 	void saveState(not_null<Memento*> memento);
 	void restoreState(not_null<Memento*> memento);
 
-	void scrollTopUpdated(int scrollTop);
-
 	InnerWidget *_inner = nullptr;
 
-	rpl::lifetime _lifetime;
-
 };
 
 } // namespace Profile
diff --git a/Telegram/SourceFiles/intro/introphone.cpp b/Telegram/SourceFiles/intro/introphone.cpp
index 0f4660e22..85f8d97b5 100644
--- a/Telegram/SourceFiles/intro/introphone.cpp
+++ b/Telegram/SourceFiles/intro/introphone.cpp
@@ -26,7 +26,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "styles/style_intro.h"
 #include "ui/widgets/buttons.h"
 #include "ui/widgets/labels.h"
-#include "ui/effects/widget_fade_wrap.h"
+#include "ui/wrap/fade_wrap.h"
 #include "core/click_handler_types.h"
 #include "boxes/confirm_box.h"
 #include "messenger.h"
@@ -94,7 +94,7 @@ void PhoneWidget::showSignup() {
 	if (!_signup) {
 		auto signupText = lng_phone_notreg(lt_link_start, textcmdStartLink(1), lt_link_end, textcmdStopLink(), lt_signup_start, textcmdStartLink(2), lt_signup_end, textcmdStopLink());
 		auto inner = object_ptr<Ui::FlatLabel>(this, signupText, Ui::FlatLabel::InitType::Rich, st::introDescription);
-		_signup.create(this, std::move(inner), st::introErrorDuration);
+		_signup.create(this, std::move(inner));
 		_signup->entity()->setLink(1, MakeShared<UrlClickHandler>(qsl("https://telegram.org"), false));
 		_signup->entity()->setLink(2, MakeShared<LambdaClickHandler>([this] {
 			toSignUp();
diff --git a/Telegram/SourceFiles/intro/introphone.h b/Telegram/SourceFiles/intro/introphone.h
index 9cdd9df3c..c7f4fa259 100644
--- a/Telegram/SourceFiles/intro/introphone.h
+++ b/Telegram/SourceFiles/intro/introphone.h
@@ -80,7 +80,7 @@ private:
 	object_ptr<Ui::CountryCodeInput> _code;
 	object_ptr<Ui::PhonePartInput> _phone;
 
-	object_ptr<Ui::WidgetFadeWrap<Ui::FlatLabel>> _signup = { nullptr };
+	object_ptr<Ui::FadeWrap<Ui::FlatLabel>> _signup = { nullptr };
 
 	QString _sentPhone;
 	mtpRequestId _sentRequest = 0;
diff --git a/Telegram/SourceFiles/intro/introwidget.cpp b/Telegram/SourceFiles/intro/introwidget.cpp
index 7f10f232e..1d88b85e9 100644
--- a/Telegram/SourceFiles/intro/introwidget.cpp
+++ b/Telegram/SourceFiles/intro/introwidget.cpp
@@ -37,7 +37,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "ui/text/text.h"
 #include "ui/widgets/buttons.h"
 #include "ui/widgets/labels.h"
-#include "ui/effects/widget_fade_wrap.h"
+#include "ui/wrap/fade_wrap.h"
 #include "ui/effects/slide_animation.h"
 #include "autoupdater.h"
 #include "window/window_slide_animation.h"
@@ -56,8 +56,13 @@ constexpr str_const kDefaultCountry = "US";
 } // namespace
 
 Widget::Widget(QWidget *parent) : TWidget(parent)
-, _back(this, object_ptr<Ui::IconButton>(this, st::introBackButton), st::introSlideDuration)
-, _settings(this, object_ptr<Ui::RoundButton>(this, langFactory(lng_menu_settings), st::defaultBoxButton), st::introCoverDuration)
+, _back(this, object_ptr<Ui::IconButton>(this, st::introBackButton))
+, _settings(
+	this,
+	object_ptr<Ui::RoundButton>(
+		this,
+		langFactory(lng_menu_settings),
+		st::defaultBoxButton))
 , _next(this, base::lambda<QString()>(), st::introNextButton) {
 	auto country = Platform::SystemCountry();
 	if (country.isEmpty()) {
@@ -79,7 +84,7 @@ Widget::Widget(QWidget *parent) : TWidget(parent)
 
 	subscribe(Lang::CurrentCloudManager().firstLanguageSuggestion(), [this] { createLanguageLink(); });
 	createLanguageLink();
-	if (_changeLanguage) _changeLanguage->finishAnimation();
+	if (_changeLanguage) _changeLanguage->finishAnimations();
 
 	subscribe(Lang::Current().updated(), [this] { refreshLang(); });
 
@@ -108,7 +113,9 @@ void Widget::createLanguageLink() {
 	if (_changeLanguage) return;
 
 	auto createLink = [this](const QString &text, const QString &languageId) {
-		_changeLanguage.create(this, object_ptr<Ui::LinkButton>(this, text), st::introCoverDuration);
+		_changeLanguage.create(
+			this,
+			object_ptr<Ui::LinkButton>(this, text));
 		_changeLanguage->show();
 		_changeLanguage->hideFast();
 		_changeLanguage->entity()->setClickedCallback([this, languageId] {
@@ -138,7 +145,12 @@ void Widget::createLanguageLink() {
 void Widget::onCheckUpdateStatus() {
 	if (Sandbox::updatingState() == Application::UpdatingReady) {
 		if (_update) return;
-		_update.create(this, object_ptr<Ui::RoundButton>(this, langFactory(lng_menu_update), st::defaultBoxButton), st::introCoverDuration);
+		_update.create(
+			this,
+			object_ptr<Ui::RoundButton>(
+				this,
+				langFactory(lng_menu_update),
+				st::defaultBoxButton));
 		if (!_a_show.animating()) _update->show();
 		_update->entity()->setClickedCallback([] {
 			checkReadyUpdate();
@@ -233,7 +245,9 @@ void Widget::appendStep(Step *step) {
 void Widget::showResetButton() {
 	if (!_resetAccount) {
 		auto entity = object_ptr<Ui::RoundButton>(this, langFactory(lng_signin_reset_account), st::introResetButton);
-		_resetAccount.create(this, std::move(entity), st::introErrorDuration);
+		_resetAccount.create(
+			this,
+			std::move(entity));
 		_resetAccount->hideFast();
 		_resetAccount->entity()->setClickedCallback([this] { resetAccount(); });
 		updateControlsGeometry();
@@ -701,7 +715,13 @@ void Widget::Step::refreshError() {
 		if (_error) _error->hideAnimated();
 	} else {
 		if (!_error) {
-			_error.create(this, object_ptr<Ui::FlatLabel>(this, _errorCentered ? st::introErrorCentered : st::introError), st::introErrorDuration);
+			_error.create(
+				this,
+				object_ptr<Ui::FlatLabel>(
+					this,
+					_errorCentered
+						? st::introErrorCentered
+						: st::introError));
 			_error->hideFast();
 		}
 		_error->entity()->setText(_errorTextFactory());
@@ -714,9 +734,16 @@ Widget::Step::Step(QWidget *parent, Data *data, bool hasCover) : TWidget(parent)
 , _data(data)
 , _hasCover(hasCover)
 , _title(this, _hasCover ? st::introCoverTitle : st::introTitle)
-, _description(this, object_ptr<Ui::FlatLabel>(this, _hasCover ? st::introCoverDescription : st::introDescription), st::introErrorDuration) {
+, _description(
+	this,
+	object_ptr<Ui::FlatLabel>(
+		this,
+		_hasCover
+			? st::introCoverDescription
+			: st::introDescription)) {
 	hide();
-	subscribe(Window::Theme::Background(), [this](const Window::Theme::BackgroundUpdate &update) {
+	subscribe(Window::Theme::Background(), [this](
+			const Window::Theme::BackgroundUpdate &update) {
 		if (update.paletteChanged()) {
 			if (!_coverMask.isNull()) {
 				_coverMask = QPixmap();
diff --git a/Telegram/SourceFiles/intro/introwidget.h b/Telegram/SourceFiles/intro/introwidget.h
index 91886e64c..b6eefcc8c 100644
--- a/Telegram/SourceFiles/intro/introwidget.h
+++ b/Telegram/SourceFiles/intro/introwidget.h
@@ -30,7 +30,7 @@ class SlideAnimation;
 class CrossFadeAnimation;
 class FlatLabel;
 template <typename Widget>
-class WidgetFadeWrap;
+class FadeWrap;
 } // namespace Ui
 
 namespace Intro {
@@ -198,13 +198,13 @@ public:
 
 		object_ptr<Ui::FlatLabel> _title;
 		base::lambda<QString()> _titleTextFactory;
-		object_ptr<Ui::WidgetFadeWrap<Ui::FlatLabel>> _description;
+		object_ptr<Ui::FadeWrap<Ui::FlatLabel>> _description;
 		base::lambda<QString()> _descriptionTextFactory;
 
 		bool _errorCentered = false;
 		bool _errorBelowLink = false;
 		base::lambda<QString()> _errorTextFactory;
-		object_ptr<Ui::WidgetFadeWrap<Ui::FlatLabel>> _error = { nullptr };
+		object_ptr<Ui::FadeWrap<Ui::FlatLabel>> _error = { nullptr };
 
 		Animation _a_show;
 		CoverAnimation _coverAnimation;
@@ -253,13 +253,13 @@ private:
 	int _nextTopFrom = 0;
 	int _controlsTopFrom = 0;
 
-	object_ptr<Ui::WidgetFadeWrap<Ui::IconButton>> _back;
-	object_ptr<Ui::WidgetFadeWrap<Ui::RoundButton>> _update = { nullptr };
-	object_ptr<Ui::WidgetFadeWrap<Ui::RoundButton>> _settings;
+	object_ptr<Ui::FadeWrap<Ui::IconButton>> _back;
+	object_ptr<Ui::FadeWrap<Ui::RoundButton>> _update = { nullptr };
+	object_ptr<Ui::FadeWrap<Ui::RoundButton>> _settings;
 
 	object_ptr<Ui::RoundButton> _next;
-	object_ptr<Ui::WidgetFadeWrap<Ui::LinkButton>> _changeLanguage = { nullptr };
-	object_ptr<Ui::WidgetFadeWrap<Ui::RoundButton>> _resetAccount = { nullptr };
+	object_ptr<Ui::FadeWrap<Ui::LinkButton>> _changeLanguage = { nullptr };
+	object_ptr<Ui::FadeWrap<Ui::RoundButton>> _resetAccount = { nullptr };
 
 	mtpRequestId _resetRequest = 0;
 
diff --git a/Telegram/SourceFiles/mainwidget.cpp b/Telegram/SourceFiles/mainwidget.cpp
index d3087699b..557e78f90 100644
--- a/Telegram/SourceFiles/mainwidget.cpp
+++ b/Telegram/SourceFiles/mainwidget.cpp
@@ -89,8 +89,6 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 
 namespace {
 
-constexpr auto kSaveFloatPlayerPositionTimeoutMs = TimeMs(1000);
-
 MTPMessagesFilter TypeToMediaFilter(MediaOverviewType &type) {
 	switch (type) {
 	case OverviewPhotos: return MTP_inputMessagesFilterPhotos();
@@ -133,7 +131,7 @@ MainWidget::MainWidget(
 : RpWidget(parent)
 , _controller(controller)
 , _dialogsWidth(st::dialogsWidthMin)
-, _sideShadow(this, st::shadowFg)
+, _sideShadow(this)
 , _sideResizeArea(this)
 , _dialogs(this, _controller)
 , _history(this, _controller)
@@ -516,11 +514,11 @@ void MainWidget::updateFloatPlayerColumnCorner(QPoint center) {
 	}
 	if (Auth().data().floatPlayerColumn() != column) {
 		Auth().data().setFloatPlayerColumn(column);
-		Auth().saveDataDelayed(kSaveFloatPlayerPositionTimeoutMs);
+		Auth().saveDataDelayed();
 	}
 	if (Auth().data().floatPlayerCorner() != corner) {
 		Auth().data().setFloatPlayerCorner(corner);
-		Auth().saveDataDelayed(kSaveFloatPlayerPositionTimeoutMs);
+		Auth().saveDataDelayed();
 	}
 }
 
@@ -2938,7 +2936,7 @@ void MainWidget::showNewSection(
 	if (newThirdSection) {
 		saveInStack = false;
 	} else {
-		if (auto layer = memento.createLayer(_controller)) {
+		if (auto layer = memento.createLayer(_controller, rect())) {
 			_controller->showSpecialLayer(std::move(layer));
 			return;
 		}
@@ -3007,7 +3005,7 @@ void MainWidget::showNewSection(
 	if (newThirdSection) {
 		_thirdSection = std::move(newThirdSection);
 		if (!_thirdShadow) {
-			_thirdShadow.create(this, st::shadowFg);
+			_thirdShadow.create(this);
 			_thirdShadow->show();
 			orderWidgets();
 		}
@@ -3044,7 +3042,7 @@ void MainWidget::checkMainSectionToLayer() {
 		return;
 	}
 	Ui::FocusPersister persister(this);
-	if (auto layer = _mainSection->moveContentToLayer(width())) {
+	if (auto layer = _mainSection->moveContentToLayer(rect())) {
 		dropMainSection(_mainSection);
 		_controller->showSpecialLayer(
 			std::move(layer),
diff --git a/Telegram/SourceFiles/mainwindow.cpp b/Telegram/SourceFiles/mainwindow.cpp
index 866aafa4e..5bc5df89f 100644
--- a/Telegram/SourceFiles/mainwindow.cpp
+++ b/Telegram/SourceFiles/mainwindow.cpp
@@ -27,6 +27,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "styles/style_boxes.h"
 #include "ui/widgets/popup_menu.h"
 #include "ui/widgets/buttons.h"
+#include "ui/widgets/shadow.h"
 #include "base/zlib_help.h"
 #include "lang/lang_cloud_manager.h"
 #include "lang/lang_instance.h"
@@ -38,7 +39,6 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "passcodewidget.h"
 #include "intro/introwidget.h"
 #include "mainwidget.h"
-#include "layerwidget.h"
 #include "boxes/confirm_box.h"
 #include "boxes/add_contact_box.h"
 #include "boxes/connection_box.h"
@@ -49,6 +49,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "apiwrap.h"
 #include "settings/settings_widget.h"
 #include "platform/platform_notifications_manager.h"
+#include "window/layer_widget.h"
 #include "window/notifications_manager.h"
 #include "window/themes/window_theme.h"
 #include "window/themes/window_theme_warning.h"
@@ -325,7 +326,7 @@ void MainWindow::showSettings() {
 }
 
 void MainWindow::showSpecialLayer(
-		object_ptr<LayerWidget> layer,
+		object_ptr<Window::LayerWidget> layer,
 		anim::type animated) {
 	if (_passcode) return;
 
@@ -702,16 +703,17 @@ void MainWindow::noIntro(Intro::Widget *was) {
 	}
 }
 
-void MainWindow::noLayerStack(LayerStackWidget *was) {
+void MainWindow::noLayerStack(Window::LayerStackWidget *was) {
 	if (was == _layerBg) {
 		_layerBg = nullptr;
 		if (controller()) {
-			controller()->disableGifPauseReason(Window::GifPauseReason::Layer);
+			controller()->disableGifPauseReason(
+				Window::GifPauseReason::Layer);
 		}
 	}
 }
 
-void MainWindow::layerFinishedHide(LayerStackWidget *was) {
+void MainWindow::layerFinishedHide(Window::LayerStackWidget *was) {
 	if (was == _layerBg) {
 		auto resetFocus = Ui::InFocusChain(was);
 		if (resetFocus) setFocus();
diff --git a/Telegram/SourceFiles/mainwindow.h b/Telegram/SourceFiles/mainwindow.h
index ff5be0d3a..4193ab5fe 100644
--- a/Telegram/SourceFiles/mainwindow.h
+++ b/Telegram/SourceFiles/mainwindow.h
@@ -26,7 +26,6 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 
 class PasscodeWidget;
 class MainWidget;
-class LayerStackWidget;
 class BoxContent;
 
 namespace Intro {
@@ -38,6 +37,7 @@ class ClearManager;
 } // namespace Local
 
 namespace Window {
+class LayerStackWidget;
 namespace Theme {
 struct BackgroundUpdate;
 class WarningWidget;
@@ -102,8 +102,8 @@ public:
 	void activate();
 
 	void noIntro(Intro::Widget *was);
-	void noLayerStack(LayerStackWidget *was);
-	void layerFinishedHide(LayerStackWidget *was);
+	void noLayerStack(Window::LayerStackWidget *was);
+	void layerFinishedHide(Window::LayerStackWidget *was);
 	bool takeThirdSectionFromLayer();
 
 	void checkHistoryActivation();
@@ -135,7 +135,7 @@ public:
 	void updateTrayMenu(bool force = false) override;
 
 	void showSpecialLayer(
-		object_ptr<LayerWidget> layer,
+		object_ptr<Window::LayerWidget> layer,
 		anim::type animated);
 	void ui_showBox(
 		object_ptr<BoxContent> box,
@@ -209,7 +209,7 @@ private:
 	object_ptr<PasscodeWidget> _passcode = { nullptr };
 	object_ptr<Intro::Widget> _intro = { nullptr };
 	object_ptr<MainWidget> _main = { nullptr };
-	object_ptr<LayerStackWidget> _layerBg = { nullptr };
+	object_ptr<Window::LayerStackWidget> _layerBg = { nullptr };
 	object_ptr<MediaPreviewWidget> _mediaPreview = { nullptr };
 
 	object_ptr<ConnectingWidget> _connecting = { nullptr };
diff --git a/Telegram/SourceFiles/media/player/media_player_widget.cpp b/Telegram/SourceFiles/media/player/media_player_widget.cpp
index 8acb3f77d..0f3969551 100644
--- a/Telegram/SourceFiles/media/player/media_player_widget.cpp
+++ b/Telegram/SourceFiles/media/player/media_player_widget.cpp
@@ -92,7 +92,7 @@ Widget::Widget(QWidget *parent) : RpWidget(parent)
 , _volumeToggle(this, st::mediaPlayerVolumeToggle)
 , _repeatTrack(this, st::mediaPlayerRepeatButton)
 , _close(this, st::mediaPlayerClose)
-, _shadow(this, st::shadowFg)
+, _shadow(this)
 , _playbackSlider(this, st::mediaPlayerPlayback)
 , _playback(std::make_unique<Clip::Playback>()) {
 	setAttribute(Qt::WA_OpaquePaintEvent);
diff --git a/Telegram/SourceFiles/media/view/media_clip_controller.cpp b/Telegram/SourceFiles/media/view/media_clip_controller.cpp
index 913e35a47..6dd80269a 100644
--- a/Telegram/SourceFiles/media/view/media_clip_controller.cpp
+++ b/Telegram/SourceFiles/media/view/media_clip_controller.cpp
@@ -25,7 +25,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "styles/style_mediaview.h"
 #include "ui/widgets/labels.h"
 #include "ui/widgets/continuous_sliders.h"
-#include "ui/effects/widget_fade_wrap.h"
+#include "ui/effects/fade_animation.h"
 #include "ui/widgets/buttons.h"
 #include "media/media_audio.h"
 
diff --git a/Telegram/SourceFiles/overviewwidget.cpp b/Telegram/SourceFiles/overviewwidget.cpp
index 72d80557f..4f24d34b7 100644
--- a/Telegram/SourceFiles/overviewwidget.cpp
+++ b/Telegram/SourceFiles/overviewwidget.cpp
@@ -30,6 +30,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "ui/widgets/tooltip.h"
 #include "ui/widgets/buttons.h"
 #include "ui/widgets/input_fields.h"
+#include "ui/widgets/shadow.h"
 #include "window/top_bar_widget.h"
 #include "window/themes/window_theme.h"
 #include "lang/lang_keys.h"
@@ -1954,7 +1955,7 @@ OverviewWidget::OverviewWidget(QWidget *parent, not_null<Window::Controller*> co
 , _topBar(this, controller)
 , _scroll(this, st::settingsScroll, false)
 , _mediaType(this, st::defaultDropdownMenu)
-, _topShadow(this, st::shadowFg) {
+, _topShadow(this) {
 	_inner = _scroll->setOwnedWidget(object_ptr<OverviewInner>(this, _scroll, peer, type));
 	_scroll->move(0, 0);
 	_inner->move(0, 0);
diff --git a/Telegram/SourceFiles/profile/profile_common_groups_section.cpp b/Telegram/SourceFiles/profile/profile_common_groups_section.cpp
index 191ec5dff..bcd012e95 100644
--- a/Telegram/SourceFiles/profile/profile_common_groups_section.cpp
+++ b/Telegram/SourceFiles/profile/profile_common_groups_section.cpp
@@ -346,7 +346,7 @@ InnerWidget::~InnerWidget() {
 Widget::Widget(QWidget *parent, not_null<Window::Controller*> controller, not_null<UserData*> user) : Window::SectionWidget(parent, controller)
 , _scroll(this, st::settingsScroll)
 , _fixedBar(this)
-, _fixedBarShadow(this, st::shadowFg) {
+, _fixedBarShadow(this) {
 	_fixedBar->move(0, 0);
 	_fixedBar->resizeToWidth(width());
 	_fixedBar->show();
diff --git a/Telegram/SourceFiles/profile/profile_widget.cpp b/Telegram/SourceFiles/profile/profile_widget.cpp
index 8b84e2330..ce3e79161 100644
--- a/Telegram/SourceFiles/profile/profile_widget.cpp
+++ b/Telegram/SourceFiles/profile/profile_widget.cpp
@@ -26,16 +26,15 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "profile/profile_section_memento.h"
 #include "mainwindow.h"
 #include "application.h"
-#include "ui/effects/widget_fade_wrap.h"
 #include "ui/widgets/scroll_area.h"
-#include "ui/widgets/shadow.h"
+#include "ui/wrap/fade_wrap.h"
 
 namespace Profile {
 
 Widget::Widget(QWidget *parent, not_null<Window::Controller*> controller, PeerData *peer) : Window::SectionWidget(parent, controller)
 , _scroll(this, st::settingsScroll)
 , _fixedBar(this, peer)
-, _fixedBarShadow(this, object_ptr<Ui::PlainShadow>(this, st::shadowFg)) {
+, _fixedBarShadow(this) {
 	_fixedBar->move(0, 0);
 	_fixedBar->resizeToWidth(width());
 	_fixedBar->show();
@@ -108,7 +107,7 @@ void Widget::restoreState(not_null<SectionMemento*> memento) {
 	auto scrollTop = memento->getScrollTop();
 	_scroll->scrollToY(scrollTop);
 	updateScrollState();
-	_fixedBarShadow->finishAnimation();
+	_fixedBarShadow->finishAnimations();
 }
 
 void Widget::resizeEvent(QResizeEvent *e) {
@@ -118,7 +117,6 @@ void Widget::resizeEvent(QResizeEvent *e) {
 
 	int newScrollTop = _scroll->scrollTop() + topDelta();
 	_fixedBar->resizeToWidth(width());
-	_fixedBarShadow->entity()->resize(width(), st::lineWidth);
 
 	QSize scrollSize(width(), height() - _fixedBar->height());
 	if (_scroll->size() != scrollSize) {
diff --git a/Telegram/SourceFiles/profile/profile_widget.h b/Telegram/SourceFiles/profile/profile_widget.h
index bd513e8b7..527f6a538 100644
--- a/Telegram/SourceFiles/profile/profile_widget.h
+++ b/Telegram/SourceFiles/profile/profile_widget.h
@@ -24,9 +24,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 
 namespace Ui {
 class ScrollArea;
-class PlainShadow;
-template <typename Widget>
-class WidgetFadeWrap;
+class FadeShadow;
 } // namespace Ui
 
 namespace Profile {
@@ -77,7 +75,7 @@ private:
 	object_ptr<Ui::ScrollArea> _scroll;
 	QPointer<InnerWidget> _inner;
 	object_ptr<FixedBar> _fixedBar;
-	object_ptr<Ui::WidgetFadeWrap<Ui::PlainShadow>> _fixedBarShadow;
+	object_ptr<Ui::FadeShadow> _fixedBarShadow;
 
 };
 
diff --git a/Telegram/SourceFiles/settings/settings_layer.cpp b/Telegram/SourceFiles/settings/settings_layer.cpp
index ae197ec5c..b5fe2aacf 100644
--- a/Telegram/SourceFiles/settings/settings_layer.cpp
+++ b/Telegram/SourceFiles/settings/settings_layer.cpp
@@ -25,9 +25,10 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "styles/style_settings.h"
 #include "styles/style_window.h"
 #include "styles/style_boxes.h"
-#include "ui/effects/widget_fade_wrap.h"
 #include "ui/widgets/scroll_area.h"
 #include "ui/widgets/buttons.h"
+#include "ui/widgets/shadow.h"
+#include "ui/wrap/fade_wrap.h"
 #include "mainwindow.h"
 #include "mainwidget.h"
 #include "storage/localstorage.h"
@@ -42,7 +43,7 @@ Layer::Layer()
 : _scroll(this, st::settingsScroll)
 , _fixedBar(this)
 , _fixedBarClose(this, st::settingsFixedBarClose)
-, _fixedBarShadow(this, object_ptr<BoxLayerTitleShadow>(this)) {
+, _fixedBarShadow(this) {
 	_fixedBar->moveToLeft(0, st::boxRadius);
 	_fixedBarClose->moveToRight(0, 0);
 	_fixedBarShadow->entity()->resize(width(), st::lineWidth);
@@ -107,6 +108,7 @@ void Layer::resizeEvent(QResizeEvent *e) {
 
 	_fixedBar->resizeToWidth(width());
 	_fixedBar->moveToLeft(0, st::boxRadius);
+	_fixedBar->update();
 	_fixedBarClose->moveToRight(0, 0);
 	auto shadowTop = _fixedBar->y() + _fixedBar->height();
 	_fixedBarShadow->entity()->resize(width(), st::lineWidth);
diff --git a/Telegram/SourceFiles/settings/settings_layer.h b/Telegram/SourceFiles/settings/settings_layer.h
index fbc3b313e..a971ac6ff 100644
--- a/Telegram/SourceFiles/settings/settings_layer.h
+++ b/Telegram/SourceFiles/settings/settings_layer.h
@@ -20,16 +20,13 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 */
 #pragma once
 
-#include "layerwidget.h"
+#include "window/layer_widget.h"
 #include "ui/rp_widget.h"
 
-class BoxLayerTitleShadow;
-
 namespace Ui {
 class ScrollArea;
 class IconButton;
-template <typename Widget>
-class WidgetFadeWrap;
+class FadeShadow;
 } // namespace Ui
 
 namespace Settings {
@@ -46,7 +43,7 @@ public:
 
 };
 
-class Layer : public LayerWidget {
+class Layer : public Window::LayerWidget {
 public:
 	Layer();
 
@@ -80,7 +77,7 @@ private:
 	QPointer<LayerInner> _inner;
 	object_ptr<FixedBar> _fixedBar;
 	object_ptr<Ui::IconButton> _fixedBarClose;
-	object_ptr<Ui::WidgetFadeWrap<BoxLayerTitleShadow>> _fixedBarShadow;
+	object_ptr<Ui::FadeShadow> _fixedBarShadow;
 
 	bool _roundedCorners = false;
 
diff --git a/Telegram/SourceFiles/settings/settings_widget.cpp b/Telegram/SourceFiles/settings/settings_widget.cpp
index 94aa2bc2b..370500c02 100644
--- a/Telegram/SourceFiles/settings/settings_widget.cpp
+++ b/Telegram/SourceFiles/settings/settings_widget.cpp
@@ -25,7 +25,6 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "styles/style_settings.h"
 #include "styles/style_window.h"
 #include "styles/style_boxes.h"
-#include "ui/effects/widget_fade_wrap.h"
 #include "ui/widgets/scroll_area.h"
 #include "ui/widgets/buttons.h"
 #include "mainwindow.h"
diff --git a/Telegram/SourceFiles/storage/storage_shared_media.h b/Telegram/SourceFiles/storage/storage_shared_media.h
index 141306c00..336729cf8 100644
--- a/Telegram/SourceFiles/storage/storage_shared_media.h
+++ b/Telegram/SourceFiles/storage/storage_shared_media.h
@@ -289,11 +289,12 @@ private:
 
 	std::map<PeerId, Lists> _lists;
 
-	rpl::lifetime _lifetime;
 	rpl::event_stream<SharedMediaSliceUpdate> _sliceUpdated;
 	rpl::event_stream<SharedMediaRemoveOne> _oneRemoved;
 	rpl::event_stream<SharedMediaRemoveAll> _allRemoved;
 
+	rpl::lifetime _lifetime;
+
 };
 
 } // namespace Storage
diff --git a/Telegram/SourceFiles/storage/storage_user_photos.h b/Telegram/SourceFiles/storage/storage_user_photos.h
index 1ce6096b8..70650f495 100644
--- a/Telegram/SourceFiles/storage/storage_user_photos.h
+++ b/Telegram/SourceFiles/storage/storage_user_photos.h
@@ -183,9 +183,10 @@ private:
 
 	std::map<UserId, List> _lists;
 
-	rpl::lifetime _lifetime;
 	rpl::event_stream<UserPhotosSliceUpdate> _sliceUpdated;
 
+	rpl::lifetime _lifetime;
+
 };
 
 } // namespace Storage
diff --git a/Telegram/SourceFiles/ui/effects/widget_fade_wrap.cpp b/Telegram/SourceFiles/ui/effects/fade_animation.cpp
similarity index 77%
rename from Telegram/SourceFiles/ui/effects/widget_fade_wrap.cpp
rename to Telegram/SourceFiles/ui/effects/fade_animation.cpp
index fb333dddc..9df63e910 100644
--- a/Telegram/SourceFiles/ui/effects/widget_fade_wrap.cpp
+++ b/Telegram/SourceFiles/ui/effects/fade_animation.cpp
@@ -18,7 +18,7 @@ to link the code of portions of this program with the OpenSSL library.
 Full license: https://github.com/telegramdesktop/tdesktop/blob/master/LICENSE
 Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 */
-#include "ui/effects/widget_fade_wrap.h"
+#include "ui/effects/fade_animation.h"
 
 namespace Ui {
 namespace {
@@ -153,43 +153,4 @@ void FadeAnimation::updateCallback() {
 	}
 }
 
-WidgetFadeWrap<TWidget>::WidgetFadeWrap(QWidget *parent
-, object_ptr<TWidget> entity
-, int duration
-, base::lambda<void()> updateCallback
-, bool scaled) : TWidget(parent)
-, _entity(std::move(entity))
-, _duration(duration)
-, _updateCallback(std::move(updateCallback))
-, _animation(this, scaled) {
-	_animation.show();
-	installCallbacks();
-	_entity->setParent(this);
-	_entity->moveToLeft(0, 0);
-	_entity->installEventFilter(this);
-	resize(_entity->size());
-}
-
-void WidgetFadeWrap<TWidget>::installCallbacks() {
-	if (_updateCallback) {
-		_animation.setFinishedCallback([this] { _updateCallback(); });
-		_animation.setUpdatedCallback([this](float64 opacity) { _updateCallback(); });
-	} else {
-		_animation.setFinishedCallback(base::lambda<void()>());
-		_animation.setUpdatedCallback(base::lambda<void(float64)>());
-	}
-}
-
-bool WidgetFadeWrap<TWidget>::eventFilter(QObject *object, QEvent *event) {
-	if (object == _entity && event->type() == QEvent::Resize) {
-		resize(_entity->rect().size());
-	}
-	return TWidget::eventFilter(object, event);
-}
-
-void WidgetFadeWrap<TWidget>::paintEvent(QPaintEvent *e) {
-	Painter p(this);
-	_animation.paint(p);
-}
-
 } // namespace Ui
diff --git a/Telegram/SourceFiles/ui/effects/fade_animation.h b/Telegram/SourceFiles/ui/effects/fade_animation.h
new file mode 100644
index 000000000..02ab35f1f
--- /dev/null
+++ b/Telegram/SourceFiles/ui/effects/fade_animation.h
@@ -0,0 +1,78 @@
+/*
+This file is part of Telegram Desktop,
+the official desktop version of Telegram messaging app, see https://telegram.org
+
+Telegram Desktop is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+It is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+In addition, as a special exception, the copyright holders give permission
+to link the code of portions of this program with the OpenSSL library.
+
+Full license: https://github.com/telegramdesktop/tdesktop/blob/master/LICENSE
+Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
+*/
+#pragma once
+
+#include "styles/style_widgets.h"
+#include "ui/rp_widget.h"
+
+namespace Ui {
+
+class FadeAnimation {
+public:
+	FadeAnimation(TWidget *widget, bool scaled = false);
+
+	bool paint(Painter &p);
+	void refreshCache();
+
+	using FinishedCallback = base::lambda<void()>;
+	void setFinishedCallback(FinishedCallback &&callback);
+
+	using UpdatedCallback = base::lambda<void(float64)>;
+	void setUpdatedCallback(UpdatedCallback &&callback);
+
+	void show();
+	void hide();
+
+	void fadeIn(int duration);
+	void fadeOut(int duration);
+
+	void finish() {
+		stopAnimation();
+	}
+
+	bool animating() const {
+		return _animation.animating();
+	}
+	bool visible() const {
+		return _visible;
+	}
+
+private:
+	void startAnimation(int duration);
+	void stopAnimation();
+
+	void updateCallback();
+	QPixmap grabContent();
+
+	TWidget *_widget = nullptr;
+	bool _scaled = false;
+
+	Animation _animation;
+	QSize _size;
+	QPixmap _cache;
+	bool _visible = false;
+
+	FinishedCallback _finishedCallback;
+	UpdatedCallback _updatedCallback;
+
+};
+
+} // namespace Ui
diff --git a/Telegram/SourceFiles/ui/effects/widget_fade_wrap.h b/Telegram/SourceFiles/ui/effects/widget_fade_wrap.h
deleted file mode 100644
index 7030d6acb..000000000
--- a/Telegram/SourceFiles/ui/effects/widget_fade_wrap.h
+++ /dev/null
@@ -1,203 +0,0 @@
-/*
-This file is part of Telegram Desktop,
-the official desktop version of Telegram messaging app, see https://telegram.org
-
-Telegram Desktop is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-It is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU General Public License for more details.
-
-In addition, as a special exception, the copyright holders give permission
-to link the code of portions of this program with the OpenSSL library.
-
-Full license: https://github.com/telegramdesktop/tdesktop/blob/master/LICENSE
-Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
-*/
-#pragma once
-
-class TWidget;
-
-#include "styles/style_widgets.h"
-
-namespace Ui {
-
-class FadeAnimation {
-public:
-	FadeAnimation(TWidget *widget, bool scaled = false);
-
-	bool paint(Painter &p);
-	void refreshCache();
-
-	using FinishedCallback = base::lambda<void()>;
-	void setFinishedCallback(FinishedCallback &&callback);
-
-	using UpdatedCallback = base::lambda<void(float64)>;
-	void setUpdatedCallback(UpdatedCallback &&callback);
-
-	void show();
-	void hide();
-
-	void fadeIn(int duration);
-	void fadeOut(int duration);
-
-	void finish() {
-		_animation.finish();
-	}
-
-	bool animating() const {
-		return _animation.animating();
-	}
-	bool visible() const {
-		return _visible;
-	}
-
-private:
-	void startAnimation(int duration);
-	void stopAnimation();
-
-	void updateCallback();
-	QPixmap grabContent();
-
-	TWidget *_widget = nullptr;
-	bool _scaled = false;
-
-	Animation _animation;
-	QSize _size;
-	QPixmap _cache;
-	bool _visible = false;
-
-	FinishedCallback _finishedCallback;
-	UpdatedCallback _updatedCallback;
-
-};
-
-template <typename Widget>
-class WidgetFadeWrap;
-
-template <>
-class WidgetFadeWrap<TWidget> : public TWidget {
-public:
-	WidgetFadeWrap(QWidget *parent
-		, object_ptr<TWidget> entity
-		, int duration = st::widgetFadeDuration
-		, base::lambda<void()> updateCallback = base::lambda<void()>()
-		, bool scaled = false);
-
-	void showAnimated() {
-		toggleAnimated(true);
-	}
-	void hideAnimated() {
-		toggleAnimated(false);
-	}
-	void toggleAnimated(bool visible) {
-		if (visible) {
-			_animation.fadeIn(_duration);
-		} else {
-			_animation.fadeOut(_duration);
-		}
-	}
-	void showFast() {
-		toggleFast(true);
-	}
-	void hideFast() {
-		toggleFast(false);
-	}
-	void toggleFast(bool visible) {
-		if (visible) {
-			_animation.show();
-		} else {
-			_animation.hide();
-		}
-		if (_updateCallback) {
-			_updateCallback();
-		}
-	}
-	void finishAnimation() {
-		_animation.finish();
-	}
-
-	bool isHiddenOrHiding() const {
-		return !_animation.visible();
-	}
-
-	TWidget *entity() {
-		return _entity;
-	}
-
-	const TWidget *entity() const {
-		return _entity;
-	}
-
-	QMargins getMargins() const override {
-		return _entity->getMargins();
-	}
-	int naturalWidth() const override {
-		return _entity->naturalWidth();
-	}
-
-	bool animating() const {
-		return _animation.animating();
-	}
-	void setUpdateCallback(base::lambda<void()> callback) {
-		_updateCallback = std::move(callback);
-		installCallbacks();
-	}
-
-protected:
-	bool eventFilter(QObject *object, QEvent *event) override;
-	void paintEvent(QPaintEvent *e) override;
-
-private:
-	void installCallbacks();
-
-	object_ptr<TWidget> _entity;
-	int _duration;
-	base::lambda<void()> _updateCallback;
-
-	FadeAnimation _animation;
-
-};
-
-template <typename Widget>
-class WidgetFadeWrap : public WidgetFadeWrap<TWidget> {
-public:
-	WidgetFadeWrap(QWidget *parent
-		, object_ptr<Widget> entity
-		, int duration = st::widgetFadeDuration
-		, base::lambda<void()> updateCallback = base::lambda<void()>()
-		, bool scaled = false) : WidgetFadeWrap<TWidget>(parent
-			, std::move(entity)
-			, duration
-			, std::move(updateCallback)
-			, scaled) {
-	}
-	Widget *entity() {
-		return static_cast<Widget*>(WidgetFadeWrap<TWidget>::entity());
-	}
-	const Widget *entity() const {
-		return static_cast<const Widget*>(WidgetFadeWrap<TWidget>::entity());
-	}
-
-};
-
-template <typename Widget>
-class WidgetScaledFadeWrap : public WidgetFadeWrap<Widget> {
-public:
-	WidgetScaledFadeWrap(QWidget *parent
-		, object_ptr<Widget> entity
-		, int duration = st::widgetFadeDuration
-		, base::lambda<void()> updateCallback = base::lambda<void()>()) : WidgetFadeWrap<Widget>(parent
-			, std::move(entity)
-			, duration
-			, std::move(updateCallback)
-			, true) {
-	}
-
-};
-
-} // namespace Ui
diff --git a/Telegram/SourceFiles/ui/twidget.h b/Telegram/SourceFiles/ui/twidget.h
index 4879737c6..1605a0e14 100644
--- a/Telegram/SourceFiles/ui/twidget.h
+++ b/Telegram/SourceFiles/ui/twidget.h
@@ -528,9 +528,10 @@ public:
 
 	// Use that instead "= new Object(parent, ...)"
 	template <typename Parent, typename... Args>
-	void create(Parent &&parent, Args&&... args) {
+	Object *create(Parent &&parent, Args&&... args) {
 		destroy();
 		_object = new Object(std::forward<Parent>(parent), std::forward<Args>(args)...);
+		return data();
 	}
 	void destroy() {
 		delete base::take(_object);
diff --git a/Telegram/SourceFiles/ui/widgets/buttons.cpp b/Telegram/SourceFiles/ui/widgets/buttons.cpp
index 7d611f517..17d8d01c7 100644
--- a/Telegram/SourceFiles/ui/widgets/buttons.cpp
+++ b/Telegram/SourceFiles/ui/widgets/buttons.cpp
@@ -575,7 +575,12 @@ void IconButton::onStateChanged(State was, StateChangeSource source) {
 }
 
 QPoint IconButton::prepareRippleStartPosition() const {
-	return mapFromGlobal(QCursor::pos()) - _st.rippleAreaPosition;
+	auto result = mapFromGlobal(QCursor::pos())
+		- _st.rippleAreaPosition;
+	auto rect = QRect(0, 0, _st.rippleAreaSize, _st.rippleAreaSize);
+	return rect.contains(result)
+		? result
+		: DisabledRippleStartPosition();
 }
 
 QImage IconButton::prepareRippleMask() const {
diff --git a/Telegram/SourceFiles/ui/widgets/shadow.cpp b/Telegram/SourceFiles/ui/widgets/shadow.cpp
index 005422791..a4eea1fb6 100644
--- a/Telegram/SourceFiles/ui/widgets/shadow.cpp
+++ b/Telegram/SourceFiles/ui/widgets/shadow.cpp
@@ -20,8 +20,20 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 */
 #include "ui/widgets/shadow.h"
 
+#include "styles/style_widgets.h"
+
 namespace Ui {
 
+PlainShadow::PlainShadow(QWidget *parent)
+: PlainShadow(parent, st::shadowFg) {
+}
+
+PlainShadow::PlainShadow(QWidget *parent, style::color color)
+: RpWidget(parent)
+, _color(color) {
+	resize(st::lineWidth, st::lineWidth);
+}
+
 void Shadow::paint(Painter &p, const QRect &box, int outerWidth, const style::Shadow &st, RectParts sides) {
 	auto left = (sides & RectPart::Left);
 	auto top = (sides & RectPart::Top);
@@ -100,4 +112,9 @@ QPixmap Shadow::grab(TWidget *target, const style::Shadow &shadow, RectParts sid
 	return result;
 }
 
+void Shadow::paintEvent(QPaintEvent *e) {
+	Painter p(this);
+	paint(p, rect().marginsRemoved(_st.extend), width(), _st, _sides);
+}
+
 } // namespace Ui
diff --git a/Telegram/SourceFiles/ui/widgets/shadow.h b/Telegram/SourceFiles/ui/widgets/shadow.h
index efa3861b5..495e3dc4b 100644
--- a/Telegram/SourceFiles/ui/widgets/shadow.h
+++ b/Telegram/SourceFiles/ui/widgets/shadow.h
@@ -17,17 +17,18 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 */
 #pragma once
 
-#include "styles/style_widgets.h"
 #include "ui/rp_widget.h"
 
+namespace style {
+struct Shadow;
+} // namespace style
+
 namespace Ui {
 
 class PlainShadow : public RpWidget {
 public:
-	PlainShadow(QWidget *parent, style::color color)
-	: RpWidget(parent), _color(color) {
-		resize(st::lineWidth, st::lineWidth);
-	}
+	PlainShadow(QWidget *parent);
+	PlainShadow(QWidget *parent, style::color color);
 
 protected:
 	void paintEvent(QPaintEvent *e) override {
@@ -51,10 +52,7 @@ public:
 	static QPixmap grab(TWidget *target, const style::Shadow &shadow, RectParts sides = RectPart::Left | RectPart::Top | RectPart::Right | RectPart::Bottom);
 
 protected:
-	void paintEvent(QPaintEvent *e) override {
-		Painter p(this);
-		paint(p, rect().marginsRemoved(_st.extend), width(), _st, _sides);
-	}
+	void paintEvent(QPaintEvent *e) override;
 
 private:
 	const style::Shadow &_st;
diff --git a/Telegram/SourceFiles/ui/wrap/fade_wrap.cpp b/Telegram/SourceFiles/ui/wrap/fade_wrap.cpp
new file mode 100644
index 000000000..bf9bda721
--- /dev/null
+++ b/Telegram/SourceFiles/ui/wrap/fade_wrap.cpp
@@ -0,0 +1,98 @@
+/*
+This file is part of Telegram Desktop,
+the official desktop version of Telegram messaging app, see https://telegram.org
+
+Telegram Desktop is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+It is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+In addition, as a special exception, the copyright holders give permission
+to link the code of portions of this program with the OpenSSL library.
+
+Full license: https://github.com/telegramdesktop/tdesktop/blob/master/LICENSE
+Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
+*/
+#include "ui/wrap/fade_wrap.h"
+
+#include "ui/widgets/shadow.h"
+
+namespace Ui {
+
+FadeWrap<RpWidget>::FadeWrap(
+	QWidget *parent,
+	object_ptr<RpWidget> &&child,
+	bool scaled)
+: Parent(parent, std::move(child))
+, _duration(st::fadeWrapDuration)
+, _animation(this, scaled) {
+}
+
+FadeWrap<RpWidget> *FadeWrap<RpWidget>::setDuration(int duration) {
+	_duration = duration;
+	return this;
+}
+
+FadeWrap<RpWidget> *FadeWrap<RpWidget>::toggleAnimated(
+		bool shown) {
+	auto updated = (shown != _animation.visible());
+	if (shown) {
+		_animation.fadeIn(_duration);
+	} else {
+		_animation.fadeOut(_duration);
+	}
+	if (updated) {
+		_shownUpdated.fire_copy(shown);
+	}
+	return this;
+}
+
+FadeWrap<RpWidget> *FadeWrap<RpWidget>::toggleFast(bool shown) {
+	auto updated = (shown != _animation.visible());
+	if (shown) {
+		_animation.show();
+	} else {
+		_animation.hide();
+	}
+	if (updated) {
+		_shownUpdated.fire_copy(shown);
+	}
+	return this;
+}
+
+FadeWrap<RpWidget> *FadeWrap<RpWidget>::finishAnimations() {
+	_animation.finish();
+	return this;
+}
+
+FadeWrap<RpWidget> *FadeWrap<RpWidget>::toggleOn(
+		rpl::producer<bool> &&shown) {
+	std::move(shown)
+		| rpl::start_with_next([this](bool shown) {
+			toggleAnimated(shown);
+		}, lifetime());
+	finishAnimations();
+	return this;
+}
+
+void FadeWrap<RpWidget>::paintEvent(QPaintEvent *e) {
+	Painter p(this);
+	_animation.paint(p);
+}
+
+FadeShadow::FadeShadow(QWidget *parent)
+: FadeShadow(parent, st::shadowFg) {
+}
+
+FadeShadow::FadeShadow(QWidget *parent, style::color color)
+: Parent(parent, object_ptr<PlainShadow>(parent, color)) {
+	hideFast();
+}
+
+} // namespace Ui
+
diff --git a/Telegram/SourceFiles/ui/wrap/fade_wrap.h b/Telegram/SourceFiles/ui/wrap/fade_wrap.h
new file mode 100644
index 000000000..d2304db9a
--- /dev/null
+++ b/Telegram/SourceFiles/ui/wrap/fade_wrap.h
@@ -0,0 +1,152 @@
+/*
+This file is part of Telegram Desktop,
+the official desktop version of Telegram messaging app, see https://telegram.org
+
+Telegram Desktop is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+It is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+In addition, as a special exception, the copyright holders give permission
+to link the code of portions of this program with the OpenSSL library.
+
+Full license: https://github.com/telegramdesktop/tdesktop/blob/master/LICENSE
+Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
+*/
+#pragma once
+
+#include "ui/wrap/wrap.h"
+#include "ui/effects/fade_animation.h"
+
+namespace Ui {
+
+template <typename Widget = RpWidget>
+class FadeWrapScaled;
+
+template <typename Widget = RpWidget>
+class FadeWrap;
+
+template <>
+class FadeWrap<RpWidget> : public Wrap<RpWidget> {
+	using Parent = Wrap<RpWidget>;
+
+public:
+	FadeWrap(QWidget *parent, object_ptr<RpWidget> &&child)
+	: FadeWrap(parent, std::move(child), false) {
+	}
+	FadeWrap(
+		QWidget *parent,
+		object_ptr<RpWidget> &&child,
+		bool scaled);
+
+	FadeWrap *setDuration(int duration);
+	FadeWrap *toggleAnimated(bool shown);
+	FadeWrap *toggleFast(bool shown);
+	FadeWrap *showAnimated() { return toggleAnimated(true); }
+	FadeWrap *hideAnimated() { return toggleAnimated(false); }
+	FadeWrap *showFast() { return toggleFast(true); }
+	FadeWrap *hideFast() { return toggleFast(false); }
+	FadeWrap *finishAnimations();
+	FadeWrap *toggleOn(rpl::producer<bool> &&shown);
+
+	bool animating() const {
+		return _animation.animating();
+	}
+
+	bool isHiddenOrHiding() const {
+		return !_animation.visible();
+	}
+
+	auto shownValue() const {
+		return _shownUpdated.events_starting_with(
+			_animation.visible());
+	}
+
+protected:
+	void paintEvent(QPaintEvent *e) final override;
+
+private:
+	rpl::event_stream<bool> _shownUpdated;
+	FadeAnimation _animation;
+	int _duration = 0;
+
+};
+
+template <typename Widget>
+class FadeWrap : public Wrap<Widget, FadeWrap<RpWidget>> {
+	using Parent = Wrap<Widget, FadeWrap<RpWidget>>;
+
+public:
+	FadeWrap(QWidget *parent, object_ptr<Widget> &&child)
+	: Parent(parent, std::move(child)) {
+	}
+	FadeWrap(
+		QWidget *parent,
+		object_ptr<Widget> &&child,
+		bool scaled)
+	: Parent(parent, std::move(child), scaled) {
+	}
+
+	FadeWrap *setDuration(int duration) {
+		return chain(Parent::setDuration(duration));
+	}
+	FadeWrap *toggleAnimated(bool shown) {
+		return chain(Parent::toggleAnimated(shown));
+	}
+	FadeWrap *toggleFast(bool shown) {
+		return chain(Parent::toggleFast(shown));
+	}
+	FadeWrap *showAnimated() {
+		return chain(Parent::showAnimated());
+	}
+	FadeWrap *hideAnimated() {
+		return chain(Parent::hideAnimated());
+	}
+	FadeWrap *showFast() {
+		return chain(Parent::showFast());
+	}
+	FadeWrap *hideFast() {
+		return chain(Parent::hideFast());
+	}
+	FadeWrap *finishAnimations() {
+		return chain(Parent::finishAnimations());
+	}
+	FadeWrap *toggleOn(rpl::producer<bool> &&shown) {
+		return chain(Parent::toggleOn(std::move(shown)));
+	}
+
+private:
+	FadeWrap *chain(FadeWrap<RpWidget> *result) {
+		return static_cast<FadeWrap*>(result);
+	}
+
+};
+
+template <typename Widget>
+class FadeWrapScaled : public FadeWrap<Widget> {
+	using Parent = FadeWrap<Widget>;
+
+public:
+	FadeWrapScaled(QWidget *parent, object_ptr<Widget> &&child)
+	: Parent(parent, std::move(child), true) {
+	}
+
+};
+
+class PlainShadow;
+class FadeShadow : public FadeWrap<PlainShadow> {
+	using Parent = FadeWrap<PlainShadow>;
+
+public:
+	FadeShadow(QWidget *parent);
+	FadeShadow(QWidget *parent, style::color color);
+
+};
+
+} // namespace Ui
+
diff --git a/Telegram/SourceFiles/ui/wrap/padding_wrap.cpp b/Telegram/SourceFiles/ui/wrap/padding_wrap.cpp
index 4e8152925..cb30a0346 100644
--- a/Telegram/SourceFiles/ui/wrap/padding_wrap.cpp
+++ b/Telegram/SourceFiles/ui/wrap/padding_wrap.cpp
@@ -24,7 +24,7 @@ namespace Ui {
 
 PaddingWrap<RpWidget>::PaddingWrap(
 	QWidget *parent,
-	object_ptr<RpWidget> child,
+	object_ptr<RpWidget> &&child,
 	const style::margins &padding)
 : Parent(parent, std::move(child))
 , _padding(padding) {
diff --git a/Telegram/SourceFiles/ui/wrap/padding_wrap.h b/Telegram/SourceFiles/ui/wrap/padding_wrap.h
index 851ce78a2..3bba6d8c8 100644
--- a/Telegram/SourceFiles/ui/wrap/padding_wrap.h
+++ b/Telegram/SourceFiles/ui/wrap/padding_wrap.h
@@ -34,7 +34,7 @@ class PaddingWrap<RpWidget> : public Wrap<RpWidget> {
 public:
 	PaddingWrap(
 		QWidget *parent,
-		object_ptr<RpWidget> child,
+		object_ptr<RpWidget> &&child,
 		const style::margins &padding);
 
 	int naturalWidth() const override;
@@ -55,7 +55,7 @@ class PaddingWrap : public Wrap<Widget, PaddingWrap<RpWidget>> {
 public:
 	PaddingWrap(
 		QWidget *parent,
-		object_ptr<Widget> child,
+		object_ptr<Widget> &&child,
 		const style::margins &padding)
 	: Parent(parent, std::move(child), padding) {
 	}
diff --git a/Telegram/SourceFiles/ui/wrap/slide_wrap.cpp b/Telegram/SourceFiles/ui/wrap/slide_wrap.cpp
index bc61931f4..b80e12e46 100644
--- a/Telegram/SourceFiles/ui/wrap/slide_wrap.cpp
+++ b/Telegram/SourceFiles/ui/wrap/slide_wrap.cpp
@@ -24,7 +24,7 @@ namespace Ui {
 
 SlideWrap<RpWidget>::SlideWrap(
 	QWidget *parent,
-	object_ptr<RpWidget> child)
+	object_ptr<RpWidget> &&child)
 : SlideWrap(
 	parent,
 	std::move(child),
@@ -39,7 +39,7 @@ SlideWrap<RpWidget>::SlideWrap(
 
 SlideWrap<RpWidget>::SlideWrap(
 	QWidget *parent,
-	object_ptr<RpWidget> child,
+	object_ptr<RpWidget> &&child,
 	const style::margins &padding)
 : Parent(
 	parent,
@@ -59,7 +59,7 @@ SlideWrap<RpWidget> *SlideWrap<RpWidget>::toggleAnimated(
 		bool shown) {
 	if (_shown != shown) {
 		setShown(shown);
-		_slideAnimation.start(
+		_animation.start(
 			[this] { animationStep(); },
 			_shown ? 0. : 1.,
 			_shown ? 1. : 0.,
@@ -77,7 +77,7 @@ SlideWrap<RpWidget> *SlideWrap<RpWidget>::toggleFast(bool shown) {
 }
 
 SlideWrap<RpWidget> *SlideWrap<RpWidget>::finishAnimations() {
-	_slideAnimation.finish();
+	_animation.finish();
 	animationStep();
 	return this;
 }
@@ -99,16 +99,16 @@ void SlideWrap<RpWidget>::animationStep() {
 		weak->moveToLeft(margins.left(), margins.top());
 		newWidth = weak->width();
 	}
-	auto current = _slideAnimation.current(_shown ? 1. : 0.);
+	auto current = _animation.current(_shown ? 1. : 0.);
 	auto newHeight = wrapped()
-		? (_slideAnimation.animating()
+		? (_animation.animating()
 		? anim::interpolate(0, wrapped()->heightNoMargins(), current)
 		: (_shown ? wrapped()->height() : 0))
 		: 0;
 	if (newWidth != width() || newHeight != height()) {
 		resize(newWidth, newHeight);
 	}
-	auto shouldBeHidden = !_shown && !_slideAnimation.animating();
+	auto shouldBeHidden = !_shown && !_animation.animating();
 	if (shouldBeHidden != isHidden()) {
 		setVisible(!shouldBeHidden);
 		if (shouldBeHidden) {
@@ -137,7 +137,7 @@ int SlideWrap<RpWidget>::resizeGetHeight(int newWidth) {
 }
 
 void SlideWrap<RpWidget>::wrappedSizeUpdated(QSize size) {
-	if (_slideAnimation.animating()) {
+	if (_animation.animating()) {
 		animationStep();
 	} else if (_shown) {
 		resize(size);
diff --git a/Telegram/SourceFiles/ui/wrap/slide_wrap.h b/Telegram/SourceFiles/ui/wrap/slide_wrap.h
index 53d2f95a2..3fdd9ff62 100644
--- a/Telegram/SourceFiles/ui/wrap/slide_wrap.h
+++ b/Telegram/SourceFiles/ui/wrap/slide_wrap.h
@@ -34,13 +34,13 @@ class SlideWrap<RpWidget> : public Wrap<PaddingWrap<RpWidget>> {
 public:
 	SlideWrap(
 		QWidget *parent,
-		object_ptr<RpWidget> child);
+		object_ptr<RpWidget> &&child);
 	SlideWrap(
 		QWidget *parent,
 		const style::margins &padding);
 	SlideWrap(
 		QWidget *parent,
-		object_ptr<RpWidget> child,
+		object_ptr<RpWidget> &&child,
 		const style::margins &padding);
 
 	SlideWrap *setDuration(int duration);
@@ -54,7 +54,7 @@ public:
 	SlideWrap *toggleOn(rpl::producer<bool> &&shown);
 
 	bool animating() const {
-		return _slideAnimation.animating();
+		return _animation.animating();
 	}
 
 	QMargins getMargins() const override;
@@ -77,7 +77,7 @@ private:
 
 	bool _shown = true;
 	rpl::event_stream<bool> _shownUpdated;
-	Animation _slideAnimation;
+	Animation _animation;
 	int _duration = 0;
 
 };
@@ -89,7 +89,7 @@ class SlideWrap : public Wrap<PaddingWrap<Widget>, SlideWrap<RpWidget>> {
 public:
 	SlideWrap(
 		QWidget *parent,
-		object_ptr<Widget> child)
+		object_ptr<Widget> &&child)
 	: Parent(parent, std::move(child)) {
 	}
 	SlideWrap(
@@ -99,7 +99,7 @@ public:
 	}
 	SlideWrap(
 		QWidget *parent,
-		object_ptr<Widget> child,
+		object_ptr<Widget> &&child,
 		const style::margins &padding)
 	: Parent(parent, std::move(child), padding) {
 	}
diff --git a/Telegram/SourceFiles/ui/wrap/wrap.h b/Telegram/SourceFiles/ui/wrap/wrap.h
index 06dd62203..807b57ff7 100644
--- a/Telegram/SourceFiles/ui/wrap/wrap.h
+++ b/Telegram/SourceFiles/ui/wrap/wrap.h
@@ -61,7 +61,7 @@ struct UnwrapHelper {
 template <typename Widget>
 class Wrap<Widget, RpWidget> : public RpWidget {
 public:
-	Wrap(QWidget *parent, object_ptr<Widget> child);
+	Wrap(QWidget *parent, object_ptr<Widget> &&child);
 
 	Widget *wrapped() {
 		return _wrapped;
@@ -115,7 +115,9 @@ private:
 };
 
 template <typename Widget>
-Wrap<Widget, RpWidget>::Wrap(QWidget *parent, object_ptr<Widget> child)
+Wrap<Widget, RpWidget>::Wrap(
+	QWidget *parent,
+	object_ptr<Widget> &&child)
 : RpWidget(parent)
 , _wrapped(std::move(child)) {
 	if (_wrapped) {
diff --git a/Telegram/SourceFiles/layerwidget.cpp b/Telegram/SourceFiles/window/layer_widget.cpp
similarity index 99%
rename from Telegram/SourceFiles/layerwidget.cpp
rename to Telegram/SourceFiles/window/layer_widget.cpp
index 25f5cbc0b..e46269e0b 100644
--- a/Telegram/SourceFiles/layerwidget.cpp
+++ b/Telegram/SourceFiles/window/layer_widget.cpp
@@ -18,13 +18,13 @@ to link the code of portions of this program with the OpenSSL library.
 Full license: https://github.com/telegramdesktop/tdesktop/blob/master/LICENSE
 Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 */
-#include "lang/lang_keys.h"
+#include "window/layer_widget.h"
 
+#include "lang/lang_keys.h"
 #include "data/data_photo.h"
 #include "data/data_document.h"
 #include "media/media_clip_reader.h"
 #include "boxes/abstract_box.h"
-#include "layerwidget.h"
 #include "application.h"
 #include "mainwindow.h"
 #include "mainwidget.h"
@@ -44,6 +44,8 @@ constexpr int kStickerPreviewEmojiLimit = 10;
 
 } // namespace
 
+namespace Window {
+
 class LayerStackWidget::BackgroundWidget : public TWidget {
 public:
 	BackgroundWidget(QWidget *parent) : TWidget(parent) {
@@ -325,7 +327,10 @@ void LayerStackWidget::BackgroundWidget::animationCallback() {
 	checkIfDone();
 }
 
-LayerStackWidget::LayerStackWidget(QWidget *parent, Window::Controller *controller) : TWidget(parent)
+LayerStackWidget::LayerStackWidget(
+	QWidget *parent,
+	Controller *controller)
+: TWidget(parent)
 , _controller(controller)
 , _background(this) {
 	setGeometry(parentWidget()->rect());
@@ -780,6 +785,8 @@ LayerStackWidget::~LayerStackWidget() {
 	if (App::wnd()) App::wnd()->noLayerStack(this);
 }
 
+} // namespace Window
+
 MediaPreviewWidget::MediaPreviewWidget(QWidget *parent, not_null<Window::Controller*> controller) : TWidget(parent)
 , _controller(controller)
 , _emojiSize(Ui::Emoji::Size(Ui::Emoji::Index() + 1) / cIntRetinaFactor()) {
diff --git a/Telegram/SourceFiles/layerwidget.h b/Telegram/SourceFiles/window/layer_widget.h
similarity index 96%
rename from Telegram/SourceFiles/layerwidget.h
rename to Telegram/SourceFiles/window/layer_widget.h
index 444eae7cc..da1a1a1eb 100644
--- a/Telegram/SourceFiles/layerwidget.h
+++ b/Telegram/SourceFiles/window/layer_widget.h
@@ -23,9 +23,9 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "ui/rp_widget.h"
 
 namespace Window {
+
 class MainMenu;
 class Controller;
-} // namespace Window
 
 class LayerWidget : public Ui::RpWidget {
 public:
@@ -87,9 +87,9 @@ class LayerStackWidget : public TWidget {
 	Q_OBJECT
 
 public:
-	LayerStackWidget(QWidget *parent, Window::Controller *controller);
+	LayerStackWidget(QWidget *parent, Controller *controller);
 
-	Window::Controller *controller() const {
+	Controller *controller() const {
 		return _controller;
 	}
 	void finishAnimation();
@@ -173,18 +173,20 @@ private:
 		return const_cast<LayerStackWidget*>(this)->currentLayer();
 	}
 
-	Window::Controller *_controller = nullptr;
+	Controller *_controller = nullptr;
 
 	QList<LayerWidget*> _layers;
 
 	object_ptr<LayerWidget> _specialLayer = { nullptr };
-	object_ptr<Window::MainMenu> _mainMenu = { nullptr };
+	object_ptr<MainMenu> _mainMenu = { nullptr };
 
 	class BackgroundWidget;
 	object_ptr<BackgroundWidget> _background;
 
 };
 
+} // namespace Window
+
 class MediaPreviewWidget : public TWidget, private base::Subscriber {
 	Q_OBJECT
 
diff --git a/Telegram/SourceFiles/window/section_memento.h b/Telegram/SourceFiles/window/section_memento.h
index f1823eaa4..cdb1012d4 100644
--- a/Telegram/SourceFiles/window/section_memento.h
+++ b/Telegram/SourceFiles/window/section_memento.h
@@ -20,24 +20,24 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 */
 #pragma once
 
-class LayerWidget;
-
 namespace Window {
 
 class Controller;
 class SectionWidget;
+class LayerWidget;
 enum class Column;
 
 class SectionMemento {
 public:
-	virtual object_ptr<Window::SectionWidget> createWidget(
+	virtual object_ptr<SectionWidget> createWidget(
 		QWidget *parent,
-		not_null<Window::Controller*> controller,
+		not_null<Controller*> controller,
 		Column column,
 		const QRect &geometry) = 0;
 
 	virtual object_ptr<LayerWidget> createLayer(
-			not_null<Window::Controller*> controller) {
+			not_null<Controller*> controller,
+			const QRect &geometry) {
 		return nullptr;
 	}
 	virtual bool instant() const {
diff --git a/Telegram/SourceFiles/window/section_widget.h b/Telegram/SourceFiles/window/section_widget.h
index b72ab4eac..486869adb 100644
--- a/Telegram/SourceFiles/window/section_widget.h
+++ b/Telegram/SourceFiles/window/section_widget.h
@@ -26,6 +26,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 namespace Window {
 
 class Controller;
+class LayerWidget;
 
 enum class Column {
 	First,
@@ -121,7 +122,7 @@ public:
 
 	// Some sections convert to layers on some geometry sizes.
 	virtual object_ptr<LayerWidget> moveContentToLayer(
-			int availableWidth) {
+			QRect bodyGeometry) {
 		return nullptr;
 	}
 
diff --git a/Telegram/SourceFiles/window/themes/window_theme_editor.h b/Telegram/SourceFiles/window/themes/window_theme_editor.h
index d5fd8dc58..503597fab 100644
--- a/Telegram/SourceFiles/window/themes/window_theme_editor.h
+++ b/Telegram/SourceFiles/window/themes/window_theme_editor.h
@@ -20,13 +20,12 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 */
 #pragma once
 
-class BoxLayerTitleShadow;
-
 namespace Ui {
 class FlatButton;
 class ScrollArea;
 class CrossButton;
 class MultiSelect;
+class PlainShadow;
 } // namespace Ui
 
 namespace Window {
@@ -55,8 +54,8 @@ private:
 	QPointer<Inner> _inner;
 	object_ptr<Ui::CrossButton> _close;
 	object_ptr<Ui::MultiSelect> _select;
-	object_ptr<BoxLayerTitleShadow> _leftShadow;
-	object_ptr<BoxLayerTitleShadow> _topShadow;
+	object_ptr<Ui::PlainShadow> _leftShadow;
+	object_ptr<Ui::PlainShadow> _topShadow;
 	object_ptr<Ui::FlatButton> _export;
 
 };
diff --git a/Telegram/SourceFiles/window/themes/window_theme_editor_block.cpp b/Telegram/SourceFiles/window/themes/window_theme_editor_block.cpp
index 00cc5d0b2..f5ab740e6 100644
--- a/Telegram/SourceFiles/window/themes/window_theme_editor_block.cpp
+++ b/Telegram/SourceFiles/window/themes/window_theme_editor_block.cpp
@@ -22,6 +22,7 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 
 #include "styles/style_window.h"
 #include "ui/effects/ripple_animation.h"
+#include "ui/widgets/shadow.h"
 #include "boxes/edit_color_box.h"
 #include "lang/lang_keys.h"
 
diff --git a/Telegram/SourceFiles/window/top_bar_widget.cpp b/Telegram/SourceFiles/window/top_bar_widget.cpp
index 0b4b7c97b..404e5f769 100644
--- a/Telegram/SourceFiles/window/top_bar_widget.cpp
+++ b/Telegram/SourceFiles/window/top_bar_widget.cpp
@@ -40,11 +40,6 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "observer_peer.h"
 
 namespace Window {
-namespace {
-
-constexpr auto kThirdSectionInfoTimeoutMs = 1000;
-
-} // namespace
 
 TopBarWidget::TopBarWidget(
 	QWidget *parent,
@@ -208,7 +203,7 @@ void TopBarWidget::toggleInfoSection() {
 	} else if (auto peer = App::main()->historyPeer()) {
 		if (_controller->canShowThirdSection()) {
 			Auth().data().setThirdSectionInfoEnabled(true);
-			Auth().saveDataDelayed(kThirdSectionInfoTimeoutMs);
+			Auth().saveDataDelayed();
 			if (Adaptive::ThreeColumn()) {
 				_controller->showSection(Info::Memento(peer->id));
 			} else {
diff --git a/Telegram/SourceFiles/window/window_controller.cpp b/Telegram/SourceFiles/window/window_controller.cpp
index e16025d44..922ea04c4 100644
--- a/Telegram/SourceFiles/window/window_controller.cpp
+++ b/Telegram/SourceFiles/window/window_controller.cpp
@@ -31,11 +31,6 @@ Copyright (c) 2014-2017 John Preston, https://desktop.telegram.org
 #include "apiwrap.h"
 
 namespace Window {
-namespace {
-
-constexpr auto kThirdSectionInfoTimeoutMs = 1000;
-
-} // namespace
 
 void Controller::enableGifPauseReason(GifPauseReason reason) {
 	if (!(_gifPauseReasons & reason)) {
@@ -195,7 +190,7 @@ void Controller::closeThirdSection() {
 	}
 	Auth().data().setTabbedSelectorSectionEnabled(false);
 	Auth().data().setThirdSectionInfoEnabled(false);
-	Auth().saveDataDelayed(kThirdSectionInfoTimeoutMs);
+	Auth().saveDataDelayed();
 	if (window()->size() != newWindowSize) {
 		window()->resize(newWindowSize);
 	} else {
@@ -303,7 +298,7 @@ void Controller::showPeerInfo(
 	if (Adaptive::ThreeColumn()
 		&& !Auth().data().thirdSectionInfoEnabled()) {
 		Auth().data().setThirdSectionInfoEnabled(true);
-		Auth().saveDataDelayed(kThirdSectionInfoTimeoutMs);
+		Auth().saveDataDelayed();
 	}
 	showSection(
 		Info::Memento(peerId),
diff --git a/Telegram/gyp/telegram_sources.txt b/Telegram/gyp/telegram_sources.txt
index 2989b1cea..8117c7b2e 100644
--- a/Telegram/gyp/telegram_sources.txt
+++ b/Telegram/gyp/telegram_sources.txt
@@ -209,20 +209,22 @@
 <(src_loc)/info/info_common_groups_inner_widget.h
 <(src_loc)/info/info_common_groups_widget.cpp
 <(src_loc)/info/info_common_groups_widget.h
-<(src_loc)/info/info_layer_wrap.cpp
-<(src_loc)/info/info_layer_wrap.h
-<(src_loc)/info/info_media_inner_widget.cpp
-<(src_loc)/info/info_media_inner_widget.h
-<(src_loc)/info/info_media_widget.cpp
-<(src_loc)/info/info_media_widget.h
+<(src_loc)/info/info_content_widget.cpp
+<(src_loc)/info/info_content_widget.h
+<(src_loc)/info/info_layer_widget.cpp
+<(src_loc)/info/info_layer_widget.h
 <(src_loc)/info/info_memento.cpp
 <(src_loc)/info/info_memento.h
-<(src_loc)/info/info_narrow_wrap.cpp
-<(src_loc)/info/info_narrow_wrap.h
-<(src_loc)/info/info_side_wrap.cpp
-<(src_loc)/info/info_side_wrap.h
+<(src_loc)/info/info_section_widget.cpp
+<(src_loc)/info/info_section_widget.h
 <(src_loc)/info/info_top_bar.cpp
 <(src_loc)/info/info_top_bar.h
+<(src_loc)/info/info_wrap_widget.cpp
+<(src_loc)/info/info_wrap_widget.h
+<(src_loc)/info/media/info_media_inner_widget.cpp
+<(src_loc)/info/media/info_media_inner_widget.h
+<(src_loc)/info/media/info_media_widget.cpp
+<(src_loc)/info/media/info_media_widget.h
 <(src_loc)/info/profile/info_profile_button.cpp
 <(src_loc)/info/profile/info_profile_button.h
 <(src_loc)/info/profile/info_profile_cover.cpp
@@ -499,6 +501,8 @@
 <(src_loc)/storage/storage_user_photos.h
 <(src_loc)/ui/effects/cross_animation.cpp
 <(src_loc)/ui/effects/cross_animation.h
+<(src_loc)/ui/effects/fade_animation.cpp
+<(src_loc)/ui/effects/fade_animation.h
 <(src_loc)/ui/effects/panel_animation.cpp
 <(src_loc)/ui/effects/panel_animation.h
 <(src_loc)/ui/effects/radial_animation.cpp
@@ -511,8 +515,6 @@
 <(src_loc)/ui/effects/send_action_animations.h
 <(src_loc)/ui/effects/slide_animation.cpp
 <(src_loc)/ui/effects/slide_animation.h
-<(src_loc)/ui/effects/widget_fade_wrap.cpp
-<(src_loc)/ui/effects/widget_fade_wrap.h
 <(src_loc)/ui/style/style_core.cpp
 <(src_loc)/ui/style/style_core.h
 <(src_loc)/ui/style/style_core_color.cpp
@@ -563,6 +565,8 @@
 <(src_loc)/ui/widgets/shadow.h
 <(src_loc)/ui/widgets/tooltip.cpp
 <(src_loc)/ui/widgets/tooltip.h
+<(src_loc)/ui/wrap/fade_wrap.cpp
+<(src_loc)/ui/wrap/fade_wrap.h
 <(src_loc)/ui/wrap/padding_wrap.cpp
 <(src_loc)/ui/wrap/padding_wrap.h
 <(src_loc)/ui/wrap/slide_wrap.cpp
@@ -586,8 +590,8 @@
 <(src_loc)/ui/special_buttons.h
 <(src_loc)/ui/twidget.cpp
 <(src_loc)/ui/twidget.h
-<(src_loc)/window/window_controller.cpp
-<(src_loc)/window/window_controller.h
+<(src_loc)/window/layer_widget.cpp
+<(src_loc)/window/layer_widget.h
 <(src_loc)/window/main_window.cpp
 <(src_loc)/window/main_window.h
 <(src_loc)/window/notifications_manager.cpp
@@ -603,6 +607,8 @@
 <(src_loc)/window/section_widget.h
 <(src_loc)/window/top_bar_widget.cpp
 <(src_loc)/window/top_bar_widget.h
+<(src_loc)/window/window_controller.cpp
+<(src_loc)/window/window_controller.h
 <(src_loc)/window/window_main_menu.cpp
 <(src_loc)/window/window_main_menu.h
 <(src_loc)/window/window_slide_animation.cpp
@@ -632,8 +638,6 @@
 <(src_loc)/countries.h
 <(src_loc)/facades.cpp
 <(src_loc)/facades.h
-<(src_loc)/layerwidget.cpp
-<(src_loc)/layerwidget.h
 <(src_loc)/layout.cpp
 <(src_loc)/layout.h
 <(src_loc)/logs.cpp