system-clients 3.3.6 → 4.0.1

package/src/styles/less/pager.less

@@ -1,76 +1,76 @@
-//
-// Pager pagination
-// --------------------------------------------------
-
-
-.pager {
-  // padding-left: 0;
-  // margin: @line-height-computed 0;
-  padding: 5px;
-  background: #F2F6FA;
-  list-style: none;
-  text-align: center;
-  &:extend(.clearfix all);
-  li {
-    display: inline;
-    color: #324057;
-    > a,
-    > span {
-      display: inline-block;
-      padding: 5px 14px;
-      // background-color: @pager-bg; // 原来的
-      // border: 1px solid @pager-border; // 原来的
-      border-radius: @pager-border-radius;
-      color: #324057;
-      border: 1px solid #F2F6FA;
-    }
-
-    > a:hover {  // 这个花括号原本没有
-      text-decoration: none;
-      // background-color: @pager-hover-bg; // 原来的
-      border: 1px solid #324057;
-    }
-
-    > a:focus {
-      text-decoration: none;
-      background-color: rgba(255, 255, 255, 0.5); //@pager-hover-bg
-    }
-  }
-
-  .next {
-    > a,
-    > span {
-      float: right;
-    }
-  }
-
-  .previous {
-    > a,
-    > span {
-      float: left;
-    }
-  }
-
-  .disabled {
-    > a,
-    > a:hover,
-    > a:focus,
-    > span {
-      color: @pager-disabled-color;
-      background-color: @pager-bg;
-      cursor: @cursor-disabled;
-    }
-  }
-
-  input {// 原本没有，自己扩展出来的
-    font-family: inherit;
-    font-size: inherit;
-    line-height: inherit;
-    color: gray;
-    height: 23px;
-    width: 40px;
-    border-radius: 3px;
-    border: 0px solid #fff;
-    text-align: center;
-  }
-}
+//
+// Pager pagination
+// --------------------------------------------------
+
+
+.pager {
+  // padding-left: 0;
+  // margin: @line-height-computed 0;
+  padding: 5px;
+  background: #F2F6FA;
+  list-style: none;
+  text-align: center;
+  &:extend(.clearfix all);
+  li {
+    display: inline;
+    color: #324057;
+    > a,
+    > span {
+      display: inline-block;
+      padding: 5px 14px;
+      // background-color: @pager-bg; // 原来的
+      // border: 1px solid @pager-border; // 原来的
+      border-radius: @pager-border-radius;
+      color: #324057;
+      border: 1px solid #F2F6FA;
+    }
+
+    > a:hover {  // 这个花括号原本没有
+      text-decoration: none;
+      // background-color: @pager-hover-bg; // 原来的
+      border: 1px solid #324057;
+    }
+
+    > a:focus {
+      text-decoration: none;
+      background-color: rgba(255, 255, 255, 0.5); //@pager-hover-bg
+    }
+  }
+
+  .next {
+    > a,
+    > span {
+      float: right;
+    }
+  }
+
+  .previous {
+    > a,
+    > span {
+      float: left;
+    }
+  }
+
+  .disabled {
+    > a,
+    > a:hover,
+    > a:focus,
+    > span {
+      color: @pager-disabled-color;
+      background-color: @pager-bg;
+      cursor: @cursor-disabled;
+    }
+  }
+
+  input {// 原本没有，自己扩展出来的
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    color: gray;
+    height: 23px;
+    width: 40px;
+    border-radius: 3px;
+    border: 0px solid #fff;
+    text-align: center;
+  }
+}

package/src/styles/less/pagination.less

@@ -1,89 +1,89 @@
-//
-// Pagination (multiple pages)
-// --------------------------------------------------
-.pagination {
-  display: inline-block;
-  padding-left: 0;
-  margin: @line-height-computed 0;
-  border-radius: @border-radius-base;
-
-  > li {
-    display: inline; // Remove list-style and block-level defaults
-    > a,
-    > span {
-      position: relative;
-      float: left; // Collapse white-space
-      padding: @padding-base-vertical @padding-base-horizontal;
-      line-height: @line-height-base;
-      text-decoration: none;
-      color: @pagination-color;
-      background-color: @pagination-bg;
-      border: 1px solid @pagination-border;
-      margin-left: -1px;
-    }
-    &:first-child {
-      > a,
-      > span {
-        margin-left: 0;
-        .border-left-radius(@border-radius-base);
-      }
-    }
-    &:last-child {
-      > a,
-      > span {
-        .border-right-radius(@border-radius-base);
-      }
-    }
-  }
-
-  > li > a,
-  > li > span {
-    &:hover,
-    &:focus {
-      z-index: 3;
-      color: @pagination-hover-color;
-      background-color: @pagination-hover-bg;
-      border-color: @pagination-hover-border;
-    }
-  }
-
-  > .active > a,
-  > .active > span {
-    &,
-    &:hover,
-    &:focus {
-      z-index: 2;
-      color: @pagination-active-color;
-      background-color: @pagination-active-bg;
-      border-color: @pagination-active-border;
-      cursor: default;
-    }
-  }
-
-  > .disabled {
-    > span,
-    > span:hover,
-    > span:focus,
-    > a,
-    > a:hover,
-    > a:focus {
-      color: @pagination-disabled-color;
-      background-color: @pagination-disabled-bg;
-      border-color: @pagination-disabled-border;
-      cursor: @cursor-disabled;
-    }
-  }
-}
-
-// Sizing
-// --------------------------------------------------
-
-// Large
-.pagination-lg {
-  .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
-}
-
-// Small
-.pagination-sm {
-  .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
-}
+//
+// Pagination (multiple pages)
+// --------------------------------------------------
+.pagination {
+  display: inline-block;
+  padding-left: 0;
+  margin: @line-height-computed 0;
+  border-radius: @border-radius-base;
+
+  > li {
+    display: inline; // Remove list-style and block-level defaults
+    > a,
+    > span {
+      position: relative;
+      float: left; // Collapse white-space
+      padding: @padding-base-vertical @padding-base-horizontal;
+      line-height: @line-height-base;
+      text-decoration: none;
+      color: @pagination-color;
+      background-color: @pagination-bg;
+      border: 1px solid @pagination-border;
+      margin-left: -1px;
+    }
+    &:first-child {
+      > a,
+      > span {
+        margin-left: 0;
+        .border-left-radius(@border-radius-base);
+      }
+    }
+    &:last-child {
+      > a,
+      > span {
+        .border-right-radius(@border-radius-base);
+      }
+    }
+  }
+
+  > li > a,
+  > li > span {
+    &:hover,
+    &:focus {
+      z-index: 3;
+      color: @pagination-hover-color;
+      background-color: @pagination-hover-bg;
+      border-color: @pagination-hover-border;
+    }
+  }
+
+  > .active > a,
+  > .active > span {
+    &,
+    &:hover,
+    &:focus {
+      z-index: 2;
+      color: @pagination-active-color;
+      background-color: @pagination-active-bg;
+      border-color: @pagination-active-border;
+      cursor: default;
+    }
+  }
+
+  > .disabled {
+    > span,
+    > span:hover,
+    > span:focus,
+    > a,
+    > a:hover,
+    > a:focus {
+      color: @pagination-disabled-color;
+      background-color: @pagination-disabled-bg;
+      border-color: @pagination-disabled-border;
+      cursor: @cursor-disabled;
+    }
+  }
+}
+
+// Sizing
+// --------------------------------------------------
+
+// Large
+.pagination-lg {
+  .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
+}
+
+// Small
+.pagination-sm {
+  .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
+}