看板新增暂停翻页功能

kanban-console/src/main/webapp/resources/css/boardshow/main.css

@@ -1,3 +1,122 @@
+html,
+body,
+#root {
+  height: 100%;
+  font-size: 16px;
+  overflow: hidden;
+}
+#root {
+  background-color: #2f2e2c;
+}
+@font-face {
+  font-family: "iconfont";
+  src: url(static/font/a21c9032e2a8b386b66a882705aaabd1.eot);
+  /* IE9 */
+  src: url(static/font/a21c9032e2a8b386b66a882705aaabd1.eot#iefix) format('embedded-opentype'),  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAOoAAsAAAAACEQAAANZAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqEKIQNATYCJAMMCwgABCAFhG0HOhtXBxHVm1vIfg42jmMJI9kMTUAYoWyXP3dxo+ju7h0P/B/+7hu/sTcW7+Nh9LG1AAMpwQ2c0D6+Bd6RnU2SB1AJcFEH3Hu4FxfnnDqhMFGXI3mLHn0hhY3THFEOtiPEyCfunf5R59nH1gPKae19/rMA08ACGmOcF0jABZRQrgF4CsM7sTqMywQ0GKEJt+XsGQhcMswKCMdpKXHAlbHLDbygzlRTsTFDuMGuLrZFInAdvD/80w9cIKokwFXbu06JYPsl9CWTakutyDSpdTovpG0kLAGZUK307yBE+SUEDYaerbm2RhbEqVKlgEBuamvIHx5RINQA9E0cd64Q+RJy5IlBhlVeteLhptegBbcAoV91dEFjg9wnhWNzB4uzCQhWIBSM2gOZTMrUBrFYTEcIhn1j6kKZvlQmMxj50xEKwQIYGBbE8qOxagPz8fyEQB4cb0Kvew3xdsyGrOzUbSsHLx8rLm5K40efQghBkPjyGIJdB6OnQOZFECtiIumYOtb4CxCyunJRiezoiFSJVqHSaKRKR4fbM5qqUq34cLKYnDfpZc5uH/wnvOVu7uznYF/eXyJeKg7k/dWtFfF7zZ+2F7drC8Z+MuhZ+BOV0LjulTXSVJS97eXJk7YI5pTnCLZyEqO0ED5T+9orhKcrR+qNyzJXCxbzw/cjt+OrUtzOlSPY5aGhk1FmUK77pxcdERGt+6+bWlTG6GyAI7a3N7FA4abXsOEIdeW2lLKJEib//21Wxo4GYwQtv7l42QA+OWgXgbpbI6gT6az429YMDcSz2lTBnrJuK6VRbpeSSzzvUspK5ZAC4Q53w83db9Qb1GUUEqJaw0jqTJGZu4SKRsuoUWcVDRa5bG/UKR9ByNzAgiYGQZsdRC2ekbQhkZl7i4oez8AHViVMPNseOLXrYHIgFIwa5A+8ahtDXTwJW69oX5WgtCrgP5GCT0EWp/nSBRukKZaEt82ZDRhqazgz12FVtdBRW6Di2DF3+yQxVQ+KVVtHEwcECQxpQPoBntJqGK87mxRef4Wsl4pADayG5BMige8fZGJpB/KibzqxbmV48GblGDP8NIO0auDMelFF8i3QVY8rIIXF3IBsZy/hOpmu+nh5Y/1+jV5iGxyWmrYzfN/Yv/ODUvjg26IIAAAA') format('woff2'), url(static/font/5156ce072e4dc406ec7540a8d5ce257e.woff) format('woff'), url(static/font/01dabc06bb2a7bf1fc31043cf0b5c952.ttf) format('truetype'),  url(static/font/73c463d37875b755805353003fcbe1ce.svg#iconfont) format('svg');
+  /* iOS 4.1- */
+}
+.iconfont {
+  font-family: "iconfont" !important;
+  /* font-size: 16px; */
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.icon-tingzhi:before {
+  content: "\E61A";
+}
+.icon-kaishi:before {
+  content: "\E610";
+}
+.cut-time-btn-show {
+  width: 50px !important;
+  height: 50px !important;
+  position: absolute;
+  top: 90%;
+  left: -50px;
+  animation: btnshow 0.5s 1;
+  animation-fill-mode: forwards;
+  -webkit-animation: btnshow 0.2s 1;
+  -webkit-animation-fill-mode: forwards;
+  cursor: pointer;
+}
+@keyframes btnshow {
+  form {
+    left: -50px;
+  }
+  to {
+    left: 0px;
+  }
+}
+@-webkit-keyframes btnshow {
+  from {
+    left: -50px;
+  }
+  to {
+    left: 0px;
+  }
+}
+.cut-time-btn-hide {
+  width: 50px !important;
+  height: 50px !important;
+  position: absolute;
+  top: 50%;
+  left: -50px;
+  animation: btnhide 0.5s 1;
+  animation-fill-mode: forwards;
+  -webkit-animation: btnhide 0.2s 1;
+  -webkit-animation-fill-mode: forwards;
+  cursor: pointer;
+}
+@keyframes btnhide {
+  form {
+    left: 0px;
+  }
+  to {
+    left: -50px;
+  }
+}
+@-webkit-keyframes btnhide {
+  from {
+    left: 0px;
+  }
+  to {
+    left: -50px;
+  }
+}
+.cut-time-btn-hide,
+.cut-time-btn-show .iconfont {
+  width: 100%;
+  height: 100%;
+  font-size: 50px;
+  color: #fff;
+}
+.rc-msgbox {
+  color: white;
+  font-size: 20px;
+  position: relative;
+  border: 1px solid white;
+  margin: 50px auto 0;
+  vertical-align: middle;
+  width: 400px;
+  height: 200px;
+  overflow: hidden;
+  border-radius: 20px;
+}
+.rc-msgbox-title {
+  padding-top: 20px;
+  text-align: center;
+  font-size: 20px;
+  font-weight: bold;
+}
+.rc-msgbox-content {
+  text-align: left;
+  padding: 20px;
+}
+.rc-title {
+  color: white;
+  text-align: center;
+}
 .react-grid-layout {
   position: relative;
   transition: height 200ms ease;
@@ -101,44 +220,6 @@ li b {
   font-size: 19px;
   line-height: 14px;
 }
-.rc-form {
-  margin: 10px;
-  height: calc(100% - 20px);
-  overflow: hidden;
-}
-.rc-form table {
-  table-layout: fixed;
-  border-collapse: collapse;
-}
-.rc-form td {
-  padding-left: 5px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.rc-form-header {
-  font-weight: bold;
-}
-.rc-form-container {
-  width: 100%;
-  height: 100%;
-  margin: 0 auto;
-  background: transparent;
-  color: #f5fdff;
-  vertical-align: middle;
-  text-align: center;
-  transform: none !important;
-}
-.rc-form-header-content {
-  padding: 0 5px;
-  text-align: center;
-}
-.rc-form-item-field {
-  text-align: left;
-}
-.rc-form-item-value {
-  text-align: left;
-}
 .rc-table {
   margin: 10px;
   height: calc(100% - 20px);
@@ -238,39 +319,41 @@ li b {
     border: none;
   }
 }
-.rc-title {
-  color: white;
-  text-align: center;
+.rc-form {
+  margin: 10px;
+  height: calc(100% - 20px);
+  overflow: hidden;
 }
-.rc-msgbox {
-  color: white;
-  font-size: 20px;
-  position: relative;
-  border: 1px solid white;
-  margin: 50px auto 0;
-  vertical-align: middle;
-  width: 400px;
-  height: 200px;
+.rc-form table {
+  table-layout: fixed;
+  border-collapse: collapse;
+}
+.rc-form td {
+  padding-left: 5px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
   overflow: hidden;
-  border-radius: 20px;
 }
-.rc-msgbox-title {
-  padding-top: 20px;
-  text-align: center;
-  font-size: 20px;
+.rc-form-header {
   font-weight: bold;
 }
-.rc-msgbox-content {
-  text-align: left;
-  padding: 20px;
-}
-html,
-body,
-#root {
+.rc-form-container {
+  width: 100%;
   height: 100%;
-  font-size: 16px;
-  overflow: hidden;
+  margin: 0 auto;
+  background: transparent;
+  color: #f5fdff;
+  vertical-align: middle;
+  text-align: center;
+  transform: none !important;
 }
-#root {
-  background-color: #2f2e2c;
+.rc-form-header-content {
+  padding: 0 5px;
+  text-align: center;
+}
+.rc-form-item-field {
+  text-align: left;
+}
+.rc-form-item-value {
+  text-align: left;
 }