header { font-weight: bold !important; } /*//////////////FOOTER/////////////*/ .footer{ background: #2a2c2e; z-index: 1; font-family: Graphik; } .footer-secondary { position:relative; padding: 15px 0; font-size: 1rem; } .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { display: table; content: " " } .btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clear, .clear-float, .clearFloat, .clearfix:after, .container-fluid:after, .container:after, .dropdown-menu > li > a, .footer-primary .column1 .freeshipping:after, .footer-primary .column2 .headline-newsletter, .form-horizontal .form-group:after, .login-cart-search .typehead.dropdown-menu a, .modal-footer:after, .nav:after, .navbar-header:after, .navbar:after, .newsletter .line, .pager:after, .panel-body:after, .row:after, .slick-track:after, header::after { clear: both } .container, .container-fluid { padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px } } @media (min-width: 992px) { .container { width: 970px } } @media (min-width: 1200px) { .footer .container { width: 1170px } } .footer li { list-style: none } @media (max-width: 768px) { .footer-primary .column1 { padding-right: 10px } .footer-primary .column2, .footer-primary .column3, .footer-primary .column4 { padding: 0 10px } } @media (max-width: 767px) { .footer-primary > ul { padding: 20px 40px 40px } .footer-primary .column1, .footer-primary .column2, .footer-primary .column3 { min-height: inherit; width: 100%; border: none } .footer-primary .column2 { padding-right: 15px; padding-left: 15px } } .footer-primary { padding-top: 40px; padding-bottom: 20px; color: #f5f5f5; text-transform:uppercase; } .footer-primary .footer-column-headline { display: block; margin: 0 0 5px; font-size: 24px; font-size: 1.5rem } .footer-primary a { font-size: 14px; font-size: .875rem; line-height: 2em; color: #f5f5f5 } .footer-primary a:hover { color: #d5d5d5 } .footer-primary .column1, .footer-primary .column2, .footer-primary .column3, .footer-primary .column4 { min-height: 200px } .footer-primary .column2 li { position: relative } .footer-primary .column1 { padding-right: 30px } .footer-primary .column2, .footer-primary .column3, .footer-primary .column4 { padding: 0 30px } .footer-secondary ul { width: 100%; margin: 0; padding: 0; display: table; text-align: center; color: #999 } .footer-secondary li { display: table-cell } .footer-secondary li a { color: #999 } .footer-secondary li a:hover { color: #fff } .footer-secondary .column1 { text-align: left; width: 25% } .footer-secondary .column3 { text-align: right; width: 30% } .row { margin-left: -15px; margin-right: -15px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } .col-xs-4 { width: 25%; } .col-md-4 { width: 25%; } .col-xs-5 { width: 33.33333%; } .col-md-5 { width: 33.33333%; } .col-xs-3 { width: 25%; } .col-md-3 { width: 25%; } ul { list-style-image: none } .content ul li { list-style: disc } .footer-secondary ul { width: 100%; margin: 0; padding: 0; display: table; text-align: center; color: #999 } .footer-secondary li { display: table-cell } .footer-secondary li a { color: #999 } .footer-secondary li a:hover { color: #fff } @media (max-width: 767px) { .footer-secondary li { display: table-row } .footer-secondary .column1, .footer-secondary .column3 { text-align: center } } ul { padding-inline-start: 0; } li a { text-decoration:none; } <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-92L2" height="0" width="0" style="display:none;visibility:hidden"></iframe>

Welcome to the new and improved Native Instruments online community. Join our active forum of 40,000+ members for discussions and much more.

New layout of the tracks display

Maximizer

Maximizer Member Posts: 13 Member

December 2022 in Share Ideas for Traktor Pro

While working with the browser, I noticed that I often move the horizontal cursor left and right. It can cure this problem by changing the display type. And make a double height for each track. Here's what it might look like:

1

1

1 votes

Collecting Upvotes · Last Updated March 2

Upvote and share your use cases below to help us understand why this feature is important to you.

Categories

header { font-weight: bold !important; } /*//////////////FOOTER/////////////*/ .footer{ background: #2a2c2e; z-index: 1; font-family: Graphik; } .footer-secondary { position:relative; padding: 15px 0; font-size: 1rem; } .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { display: table; content: " " } .btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clear, .clear-float, .clearFloat, .clearfix:after, .container-fluid:after, .container:after, .dropdown-menu > li > a, .footer-primary .column1 .freeshipping:after, .footer-primary .column2 .headline-newsletter, .form-horizontal .form-group:after, .login-cart-search .typehead.dropdown-menu a, .modal-footer:after, .nav:after, .navbar-header:after, .navbar:after, .newsletter .line, .pager:after, .panel-body:after, .row:after, .slick-track:after, header::after { clear: both } .container, .container-fluid { padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px } } @media (min-width: 992px) { .container { width: 970px } } @media (min-width: 1200px) { .footer .container { width: 1170px } } .footer li { list-style: none } @media (max-width: 768px) { .footer-primary .column1 { padding-right: 10px } .footer-primary .column2, .footer-primary .column3, .footer-primary .column4 { padding: 0 10px } } @media (max-width: 767px) { .footer-primary > ul { padding: 20px 40px 40px } .footer-primary .column1, .footer-primary .column2, .footer-primary .column3 { min-height: inherit; width: 100%; border: none } .footer-primary .column2 { padding-right: 15px; padding-left: 15px } } .footer-primary { padding-top: 40px; padding-bottom: 20px; color: #f5f5f5; text-transform:uppercase; } .footer-primary .footer-column-headline { display: block; margin: 0 0 5px; font-size: 24px; font-size: 1.5rem } .footer-primary a { font-size: 14px; font-size: .875rem; line-height: 2em; color: #f5f5f5 } .footer-primary a:hover { color: #d5d5d5 } .footer-primary .column1, .footer-primary .column2, .footer-primary .column3, .footer-primary .column4 { min-height: 200px } .footer-primary .column2 li { position: relative } .footer-primary .column1 { padding-right: 30px } .footer-primary .column2, .footer-primary .column3, .footer-primary .column4 { padding: 0 30px } .footer-secondary ul { width: 100%; margin: 0; padding: 0; display: table; text-align: center; color: #999 } .footer-secondary li { display: table-cell } .footer-secondary li a { color: #999 } .footer-secondary li a:hover { color: #fff } .footer-secondary .column1 { text-align: left; width: 25% } .footer-secondary .column3 { text-align: right; width: 30% } .row { margin-left: -15px; margin-right: -15px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } .col-xs-4 { width: 25%; } .col-md-4 { width: 25%; } .col-xs-5 { width: 33.33333%; } .col-md-5 { width: 33.33333%; } .col-xs-3 { width: 25%; } .col-md-3 { width: 25%; } ul { list-style-image: none } .content ul li { list-style: disc } .footer-secondary ul { width: 100%; margin: 0; padding: 0; display: table; text-align: center; color: #999 } .footer-secondary li { display: table-cell } .footer-secondary li a { color: #999 } .footer-secondary li a:hover { color: #fff } @media (max-width: 767px) { .footer-secondary li { display: table-row } .footer-secondary .column1, .footer-secondary .column3 { text-align: center } } ul { padding-inline-start: 0; } li a { text-decoration:none; }