admin_help 0.1.4 → 0.1.5

data/app/assets/stylesheets/form.scss

@@ -0,0 +1,151 @@
+.inputs {
+
+    // display: table-caption;
+    div {
+        margin-bottom: 20px;
+        display: table;
+        width: 100% !important;
+        vertical-align: middle;
+
+        div {
+            margin-bottom: 0px;
+        }
+    }
+
+    .error {
+        color: #ff5e5e;
+        font-size: 12px;
+    }
+
+    .field_with_errors {
+        input {
+            border: 1px solid #ff5e5e;
+        }
+
+        input:focus {
+            border: 1px solid #ff5e5e !important;
+        }
+    }
+
+    label {
+        font-size: 15px;
+        padding-top: 10px;
+        color: #666;
+        width: 100px;
+        display: table-cell;
+        vertical-align: top;
+    }
+
+    .hint {
+        font-size: 12px;
+        color: #999;
+    }
+
+    // 嵌套表单 nested_form
+    table {
+        max-width: 900px;
+        min-width: 600px;
+        overflow: auto;
+        margin-left: 90px;
+
+        tr {
+            .input span {
+                width: 100% !important;
+            }
+
+            td {
+                border-bottom: none;
+
+                label {
+                    padding-top: 0px;
+                }
+            }
+        }
+
+        tr:nth-child(even) {
+            background: unset;
+        }
+    }
+
+    .add_nested_fields {
+        display: inline-block;
+        font-size: 0.64285714rem;
+        line-height: 1;
+        vertical-align: baseline;
+        margin: 0em 0.14285714em;
+        background-image: none;
+        padding: 0.5833em 0.833em;
+        text-transform: none;
+        font-weight: bold;
+        border: 0px solid transparent;
+        border-radius: 0.28571429rem;
+        -webkit-transition: background 0.1s ease;
+        transition: background 0.1s ease;
+        background-color: #21BA45;
+        color: #FFFFFF;
+        text-shadow: none;
+        background-image: none;
+        -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+        box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+    }
+
+    .add_nested_fields:hover {
+        background-color: #16ab39;
+    }
+
+    .add_nested_fields:active {
+        background-color: #198f35;
+    }
+
+    .remove_nested_fields {
+        display: inline-block;
+        font-size: 0.64285714rem;
+        line-height: 1;
+        vertical-align: baseline;
+        margin: 0em 0.14285714em;
+        background-image: none;
+        padding: 0.5833em 0.833em;
+        text-transform: none;
+        font-weight: bold;
+        border: 0px solid transparent;
+        border-radius: 0.28571429rem;
+        -webkit-transition: background 0.1s ease;
+        transition: background 0.1s ease;
+        background-color: #DB2828;
+        color: #FFFFFF;
+        text-shadow: none;
+        background-image: none;
+        -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+        box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+    }
+
+    .remove_nested_fields:hover {
+        background-color: #d01919;
+    }
+
+    .remove_nested_fields:active {
+        background-color: #b21e1e;
+    }
+}
+.actions {
+    height: 40px;
+    padding: 20px 20px 0px 0px;
+
+    input {
+        width: auto;
+        text-align: center;
+        float: left;
+        margin-right: 10px;
+    }
+
+    a {
+        display: block;
+        width: auto;
+        text-align: center;
+        float: left;
+        margin-right: 10px;
+    }
+}
+.error_notification {
+    color: #ff5e5e;
+}

data/app/assets/stylesheets/icon.scss.erb

@@ -0,0 +1,72 @@
+@font-face {font-family: "iconfont";
+  src: url('<%= font_path('iconfont.eot') %>?t=1579671868240'); /* IE9 */
+  src: url('<%= font_path('iconfont.eot') %>?t=1579671868240#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+  url('<%= font_path('iconfont.woff') %>?t=1579671868240') format('woff'),
+  url('<%= font_path('iconfont.ttf') %>?t=1579671868240') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('<%= font_path('iconfont.svg') %>?t=1579671868240#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.ai {
+  font-family: "iconfont" !important;
+  font-size: inherit;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.ai-archive:before {
+  content: "\e6fe";
+}
+
+.ai-work:before {
+  content: "\e60c";
+}
+
+.ai-pencil:before {
+  content: "\e601";
+}
+
+.ai-home:before {
+  content: "\e621";
+}
+
+.ai-app:before {
+  content: "\e6af";
+}
+
+.ai-times:before {
+  content: "\edb2";
+}
+
+.ai-cube:before {
+  content: "\e680";
+}
+
+.ai-file:before {
+  content: "\e66f";
+}
+
+.ai-users:before {
+  content: "\e600";
+}
+
+.ai-user:before {
+  content: "\e63d";
+}
+
+.ai-apple:before {
+  content: "\eebd";
+}
+
+.ai-next:before {
+  content: "\e602";
+}
+
+.ai-prev:before {
+  content: "\e620";
+}
+
+.ai-shenglve:before {
+  content: "\e63a";
+}

data/app/assets/stylesheets/input.scss

@@ -0,0 +1,52 @@
+input[type="text"],
+input[type="number"],
+input[type="tel"],
+input[type="date"],
+input[type="password"],
+select {
+    -webkit-appearance: none;
+    width: 100% !important;
+    background-color: #fff;
+    border-radius: 4px;
+    border: 1px solid #dcdfe6;
+    box-sizing: border-box;
+    color: #606266;
+    font-size: inherit;
+    height: 36px;
+    outline: none;
+    padding: 5px 15px;
+    transition: .1s;
+    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
+    text-decoration: none;
+}
+
+textarea {
+    min-height: 36px;
+    height: 106px;
+    -webkit-appearance: none;
+    border-style: solid;
+    resize: vertical;
+    padding: 7px 15px;
+    box-sizing: border-box;
+    width: 100%;
+    font-size: inherit;
+    color: #606266;
+    background-color: #fff;
+    background-image: none;
+    border: 1px solid #dcdfe6;
+    border-radius: 4px;
+    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
+    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
+    text-decoration: none;
+}
+
+input[type="text"]:focus,
+input[type="number"]:focus,
+input[type="tel"]:focus,
+input[type="date"]:focus,
+input[type="password"]:focus,
+textarea:focus,
+select:focus {
+    outline: none;
+    border: 1px solid $primary;
+}

data/app/assets/stylesheets/nav.scss

@@ -0,0 +1,28 @@
+.nav {
+    display: flex;
+    position: absolute;
+    width: 100%;
+    list-style: none;
+    margin: 0px;
+    padding-left: 13px;
+    margin-left: 240px;
+    min-height: 60px;
+    overflow: hidden;
+    align-items: center;
+    background: #fff;
+    border-bottom: none;
+    flex: 1;
+    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
+    li {
+        margin-right: 10px;
+    }
+    li a {
+        color: #999;
+        text-align: center;
+        transition: .3s;
+    }
+    li a:hover {
+        color: #333;
+        transition: .3s;
+    }
+}

data/app/assets/stylesheets/pagination.scss

@@ -0,0 +1,49 @@
+.pagination {
+    -moz-user-select:none; /*火狐*/
+    -webkit-user-select:none; /*webkit浏览器*/
+    -ms-user-select:none; /*IE10*/
+    -khtml-user-select:none; /*早期浏览器*/
+    user-select:none;
+}
+.page{
+    background: #fff;
+    vertical-align: top;
+    display: inline-block;
+    font-size: 13px;
+    min-width: 35.5px;
+    height: 28px;
+    line-height: 28px;
+    cursor: pointer;
+    box-sizing: border-box;
+    text-align: center;
+    margin: 0;
+    margin: 0 3px;
+    background-color: #f4f4f5;
+    color: #606266;
+    min-width: 30px;
+    border-radius: 2px;
+    a {
+        display: block;
+        color: #606266;
+    }
+    a:hover {
+        color: #3598DC;
+    }
+}
+
+.disable {
+    color: #b4b4b4;
+    cursor: no-drop;
+    a {
+        color: #b4b4b4;
+        cursor: no-drop;
+    }
+    a:hover {
+        color: #b4b4b4;
+    }
+}
+
+.current {
+    background-color: #3598DC;
+    color: #fff;
+}

data/app/assets/stylesheets/table.scss

@@ -0,0 +1,73 @@
+table {
+    width: 100%;
+    border-collapse: collapse;
+    table-layout: fixed;
+    thead tr {
+        background-color: #f2f2f2;
+    }
+    td,
+    th {
+        text-align: left;
+        border-bottom: 1px solid #e6e6e6;
+        color: #666;
+        font-weight: 400;
+        padding: 8px;
+        height: 30px;
+    }
+
+    tr:nth-child(even) {
+        background: #f1f1f156;
+    }
+
+    .table--horizontal {
+        td,
+        th {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+    }
+
+    .table--vertical {
+        td,
+        th {
+            word-wrap: break-word;
+        }
+    }
+
+    .table--hover tbody tr:hover {
+        color: #212529;
+        background-color: #ebeef5;
+    }
+
+    .fields td {
+        div {
+            display: inline-block;
+        }
+
+        .file {
+            height: 120px;
+
+            label {
+                // position: absolute;
+                width: 120px !important;
+                height: 120px;
+                z-index: 0;
+                cursor: pointer;
+                background: #f2f2f2;
+                border-radius: 8px;
+                overflow: hidden;
+                text-align: center;
+                vertical-align: middle;
+                box-sizing: border-box;
+                padding-top: 0px !important;
+                background-size: cover;
+                color: #00000093;
+            }
+
+            input[type="file"] {
+                display: none;
+            }
+        }
+    }
+}

data/app/assets/stylesheets/tooltip.scss

@@ -0,0 +1,38 @@
+.tooltip {
+    position: relative;
+    display: inline-block;
+    border-bottom: 1px dotted black;
+}
+
+.tooltip .tooltiptext {
+    visibility: hidden;
+    width: 60px;
+    background-color: black;
+    color: #fff;
+    text-align: center;
+    border-radius: 6px;
+    padding: 5px 0;
+    position: absolute;
+    z-index: 1;
+    bottom: 150%;
+    left: 50%;
+    margin-left: -30px;
+    opacity: 0;
+    transition: opacity .5s;
+}
+
+.tooltip .tooltiptext::after {
+    content: "";
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: black transparent transparent transparent;
+}
+
+.tooltip:hover .tooltiptext {
+    visibility: visible;
+    opacity: 1;
+}