mexc.com - Spot Trading page by claude-ws01

/* ==UserStyle==
@name           mexc.com - Spot Trading page
@namespace      github.com/openstyles/stylus
@version        1.0.6
@description    Improvement of MEXC spot trading web page.
@author         Me
==/UserStyle== */

@-moz-document domain("mexc.com") {

	body {
		padding: 0px 2px 0px 0px;
	}

    /* smaller height header */
    
    .header_wrapper__D85wM {
		height: 37px !important;
	}
	
	/* move to bottom useless number columns = OK
		display: none; causes rise of CPU
	*/
		.exchange_layoutBA__yU3rt .exchange_orderbookWrapper__ZdKtu{
		grid-column: 1/2;
		grid-row: 4/5;
	}   
	.exchange_layoutBA__yU3rt .exchange_dealsWrapper__L28jj {
		grid-column: 2/3;
		grid-row: 4/5;
	}   

	/* manage open orders panel columns */

	.orders_cell__gl7Eb {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin-left: 10px;
	}
	
	.orders_open__2q6vk .orders_date__JPgC8 {
		width: 12%;
	}
	
	.exchange_chartHeader__YTgiS,
	.actions_header__9Xz3a,
	.orders_header__UrlEV,
	.klineSetting_settingWrapper__EP6vU,
	.markets_rowHead__ml8CL
	{
		height: 25px;
	}
	
	.actions_headerLeft__eYE8t
	{
		line-height: 25px;
	}

	.orders_tableRow__1CvAG {
		height: 38px;
	}

    .actions_middleWrapper__cjxMT.actions_ba__5rzRJ
    {
        padding: 15px 15px;
    }
    
    .actions_directions___vmCD
    {
        margin: 0px;
    }
    
    /* hide callouts */
    .ant-popover-content
    {
        display:none;
    }
    
	.exchange_chartWrapper__ugo4R,
	.exchange_actionWrapper__7IkvE,
	.exchange_ordersWrapper__18eDb,
	.exchange_marketsWrapper__GPZgM,
	.exchange_headlineWrapper__X4csW	{
		border-color: #224873;
		border-style: solid;
		border-width: 1px;
	}
	
	.subTab_box__2N5RL {
		margin: initial;
	}
	
	.subTab_box__2N5RL,
	.markets_rowHead__ml8CL {
		border-bottom: 1px #224873 solid;
	}
	
	.scroll-container {
		scrollbar-width: auto;
	}

	.markets_searchBar__b0Jy8 {
		margin-top: 7px;
	}
	
	/* expand usefull chart & open order sections*/

	.exchange_layoutBA__yU3rt .exchange_headlineWrapper__X4csW,
	.exchange_layoutBA__yU3rt .exchange_chartWrapper__ugo4R {
		grid-column: 2/4;
	}
	
	.exchange_layoutBA__yU3rt .exchange_ordersWrapper__18eDb{
		grid-column: 1/4;
	}


	/* references panels
	OPEN ORDERS		.orders_tableHeader__hONHU.orders_tableRow__1CvAG
					.orders_tableBody__yck1v
					
	ORDER HISTORY	.orders_tableHeader__hONHU.orders_tableRow__1CvAG
					.orders_tableBody__yck1v
					
	TRADE HISTORY	.orders_tableHeader__hONHU.orders_tableRow__1CvAG
					.orders_tableBody__yck1v
					
	OPEN POSITION	.statistic_tableHeader__fM3OH
					.statistic_tableBody__eYWwG
					
	*/
	.statistic_tableBody__eYWwG {
            overflow-y: auto;
	}

	.orders_tableHeader__hONHU.orders_tableRow__1CvAG,
	.orders_tableBody__yck1v,
	.statistic_tableHeader__fM3OH,
	.statistic_tableBody__eYWwG {
            width: calc(97vw - 348px);
	}

    .actions_middleWrapper__cjxMT.actions_ba__5rzRJ {
            padding:0 0;
    }
	.actions_middleWrapper__cjxMT.actions_ba__5rzRJ .actions_doWrapper__POGvp {
		padding-inline-start: 5px;
		padding-inline-end: 5px;
	}
	
	@media(max-width:1700px) {
		.exchange_layoutBA__yU3rt .exchange_headlineWrapper__X4csW,
		.exchange_layoutBA__yU3rt .exchange_ordersWrapper__18eDb,
		.exchange_layoutBA__yU3rt .exchange_chartWrapper__ugo4R {
			grid-column: 1/3;
		}
        
        .orders_tableHeader__hONHU.orders_tableRow__1CvAG,
        .orders_tableBody__yck1v,
        .statistic_tableHeader__fM3OH,
        .statistic_tableBody__eYWwG {
            width: calc(97vw - 298px);
        }
	}

	@media(max-width:1400px) {
		.exchange_layoutBA__yU3rt .exchange_headlineWrapper__X4csW,
		.exchange_layoutBA__yU3rt .exchange_ordersWrapper__18eDb,
		.exchange_layoutBA__yU3rt .exchange_chartWrapper__ugo4R {
			grid-column: 1/3;
		}
		
        .orders_tableHeader__hONHU.orders_tableRow__1CvAG,
        .orders_tableBody__yck1v,
        .statistic_tableHeader__fM3OH,
        .statistic_tableBody__eYWwG {
            width: calc(97vw - 278px);
        }
	}

	@media(max-width:1024px) {
        .orders_tableHeader__hONHU.orders_tableRow__1CvAG,
        .orders_tableBody__yck1v,
        .statistic_tableHeader__fM3OH,
        .statistic_tableBody__eYWwG {
            width: auto;
        }
	}
	@media(max-width:980px) {
		.exchange_layoutBA__yU3rt .exchange_headlineWrapper__X4csW,
		.exchange_layoutBA__yU3rt .exchange_ordersWrapper__18eDb,
		.exchange_layoutBA__yU3rt .exchange_chartWrapper__ugo4R {
			grid-column: 1/4;
		 }
	}

	@media(max-width:760px) {
		.exchange_layoutBA__yU3rt .exchange_headlineWrapper__X4csW,
		.exchange_layoutBA__yU3rt .exchange_ordersWrapper__18eDb,
		.exchange_layoutBA__yU3rt .exchange_chartWrapper__ugo4R,
		.exchange_layoutHB__dySlL .exchange_chartWrapper__ugo4R,
		.exchange_layoutMX__0zSjA .exchange_chartWrapper__ugo4R {
			grid-column: 1/4;
		 }
	}

}