Bläddra i källkod

set miniscreen to 250px

Repmovs 2 år sedan
förälder
incheckning
03a75c9c05

+ 1 - 2
client/components/boards/boardBody.css

@@ -32,11 +32,10 @@
   animation: fadeIn 0.2s;
   z-index: 16;
 }
-.board-wrapper .board-canvas.is-dragging-active .open-minicard-composer,
 .board-wrapper .board-canvas.is-dragging-active .minicard-wrapper.is-checked {
   display: none;
 }
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 250px) {
   .board-wrapper .board-canvas .swimlane {
     border-bottom: 1px solid #ccc;
     display: flex;

+ 2 - 2
client/components/lists/list.css

@@ -6,7 +6,7 @@
   background: #dedede;
   border-left: 1px solid #ccc;
   padding: 0;
-  float: left;  
+  float: left;
   min-width: 270px;
   max-width: 270px;
   /* Reverted incomplete change list width: */
@@ -159,7 +159,7 @@
 #js-wip-limit-edit div {
   float: left;
 }
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 250px) {
   .mini-list {
     flex: 0 0 60px;
     height: auto;

+ 0 - 1
client/components/swimlanes/swimlanes.css

@@ -46,7 +46,6 @@
   background: #dedede;
   display: flex;
   flex-direction: row;
-  overflow: 0;
   max-height: calc(100% - 26px);
 }
 .swimlane.placeholder {

+ 1 - 1
client/lib/utils.js

@@ -255,7 +255,7 @@ Utils = {
   isMiniScreen() {
     // OLD WINDOW WIDTH DETECTION:
     this.windowResizeDep.depend();
-    return $(window).width() <= 800;
+    return $(window).width() <= 250;
   },
 
   isTouchScreen() {