Removed simplestatemanager, use @media queries

dev/App/Abstract.js

@@ -110,43 +110,10 @@ class AbstractApp {
 		initOnStartOrLangChange(initNotificationLanguage);
 
 		if (!mobile) {
-			$htmlCL.add('rl-desktop');
-
-			ssm.addState({
-				id: 'mobile',
-				query: '(max-width: 767px)',
-				onEnter: () => {
-					$htmlCL.add('ssm-state-mobile');
-					leftPanelDisabled(true);
-				},
-				onLeave: () => {
-					$htmlCL.remove('ssm-state-mobile');
-					leftPanelDisabled(false);
-				}
-			});
-
-			ssm.addState({
-				id: 'tablet',
-				query: '(min-width: 768px) and (max-width: 999px)',
-				onEnter: () => $htmlCL.add('ssm-state-tablet'),
-				onLeave: () => $htmlCL.remove('ssm-state-tablet')
-			});
-
-			ssm.addState({
-				id: 'desktop',
-				query: '(min-width: 1000px) and (max-width: 1400px)',
-				onEnter: () => $htmlCL.add('ssm-state-desktop'),
-				onLeave: () => $htmlCL.remove('ssm-state-desktop')
-			});
-
-			ssm.addState({
-				id: 'desktop-large',
-				query: '(min-width: 1401px)',
-				onEnter: () => $htmlCL.add('ssm-state-desktop-large'),
-				onLeave: () => $htmlCL.remove('ssm-state-desktop-large')
-			});
+			// mobile
+			window.addEventListener('resize', () => leftPanelDisabled(767 >= window.innerWidth));
 		} else {
-			$htmlCL.add('ssm-state-mobile', 'rl-mobile');
+			$htmlCL.add('rl-mobile');
 			leftPanelDisabled(true);
 		}
 

dev/Styles/Layout.less

@@ -188,8 +188,8 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
 //	-webkit-overflow-scrolling: touch;
 }
 
-html.ssm-state-desktop-large {
-
+/* desktop-large */
+@media screen and (min-width: 1401px) {
 	#rl-left {
 		width: @rlLeftWidth + 20;
 	}
@@ -211,8 +211,8 @@ html.ssm-state-desktop-large {
 	}
 }
 
-html.ssm-state-desktop {
-
+/* desktop */
+@media screen and (min-width: 1000px) and (max-width: 1400px) {
 	#rl-left {
 		width: @rlLeftWidth;
 	}
@@ -234,8 +234,8 @@ html.ssm-state-desktop {
 	}
 }
 
-html.ssm-state-tablet, html.ssm-state-mobile {
-
+/* mobile and tablet */
+@media screen and (max-width: 999px) {
 	#rl-left {
 		width: 155px;
 	}
@@ -267,8 +267,8 @@ html.ssm-state-tablet, html.ssm-state-mobile {
 	}
 }
 
-html.ssm-state-tablet {
-
+/* tablet */
+@media screen and (min-width: 768px) and (max-width: 999px) {
 	.b-contacts-content.modal {
 		width: 800px;
 	}

dev/Styles/MessageList.less

@@ -608,7 +608,8 @@ html.rl-no-preview-pane {
 	}
 }
 
-html.ssm-state-desktop-large {
+/* desktop-large */
+@media screen and (min-width: 1401px) {
 	.messageList .b-content .messageListItem {
 		font-size: 13px;
 		.dateParent {

dev/Styles/MessageView.less

@@ -651,7 +651,7 @@ html .messageItem {
 	}
 }
 
-html.rl-desktop .messageItem {
+html:not(.rl-mobile) .messageItem {
 	.buttonUp, .buttonFull {
 		display: none !important;
 	}

dev/Styles/SystemDropDown.less

@@ -129,8 +129,11 @@
 	}
 }
 
-html.ssm-state-mobile .accountPlace {
-	max-width: 150px !important;
+/* mobile */
+@media screen and (max-width: 767px) {
+	.accountPlace {
+		max-width: 150px !important;
+	}
 }
 
 @keyframes firstBar {