优化驱动名称显示

dbsyncer-web/src/main/resources/public/index/index.html

@@ -114,7 +114,7 @@
                                     <div class="col-md-4" th:each="m,state : ${mappings}">
                                         <div th:id="${m?.id}" th:class="${m?.meta?.model eq '全量'} ? 'jumbotron dbsyncer_block dbsyncer_block_full' : 'jumbotron dbsyncer_block dbsyncer_block_increment'">
                                             <!--驱动标题信息 -->
-                                            <div class="row text-center" th:text="${m?.name}" th:title="${m?.name}"></div>
+                                            <div class="row text-center dbsyncer_driver_name" th:text="${m?.name}" th:title="${m?.name}"></div>
 
                                             <div class="row">
                                                 <!--左边驱动信息 -->

dbsyncer-web/src/main/resources/static/css/common.css

@@ -1,36 +1,15 @@
 @CHARSET "UTF-8";
-
-.dbsyncer_img {
-    border-radius: 5%;
-}
-
-.dbsyncer_pointer {
-    cursor: pointer;
-}
+.dbsyncer_img {border-radius: 5%;}
+.dbsyncer_pointer {cursor: pointer;}
 .dbsyncer_over_hidden{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
 .dbsyncer_block {border:1px solid #ffffff;}
 .dbsyncer_block:hover { cursor:pointer; background-color: #EBEBEB; -moz-box-shadow:2px 2px 5px; -webkit-box-shadow:2px 2px 5px; box-shadow:2px 2px 5px; -webkit-transform:translateY(-3px); transform: translateY(-3px); transition: all 0.3s ease-in-out;}
 .driverVerifcateRequired{color:#d9534f;}
 .dbsyncerVerifcateError{border-color: #b94a48;}
 .footerContainer{width:100%;position:relative;bottom:0;background-color:white;}
-/**
- * 强制单词换行
- */
-.driver_break_word {
-    word-break: break-all;
-    word-wrap: break-word;
-    white-space: normal
-}
-
-.driver_hidden_word {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis
-}
-
-.fa_gray {
-    color: gray
-}
+.driver_break_word {word-break: break-all; word-wrap: break-word;white-space: normal}
+.driver_hidden_word {white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
+.fa_gray {color: gray}
 .fa_blueviolet {color: blueviolet}
 .dbsyncer_btn-info { background-color: #E7EDF8;}
 .dbsyncer_btn-info.active, .dbsyncer_btn-info.focus, .dbsyncer_btn-info:active, .dbsyncer_btn-info:focus, .dbsyncer_btn-info:hover, .open>.dropdown-toggle.dbsyncer_btn-info {background-color: #D4DDED;}

dbsyncer-web/src/main/resources/static/css/index/index.css

@@ -23,5 +23,6 @@
 .mappingList .dropdown-menu {right: 12px;left: auto; top: 28px;}
 .mappingList .dropdown-menu i{font-size: 20px;}
 
+.dbsyncer_driver_name { margin-bottom: 5px;}
 .dbsyncer_block_increment { background: -webkit-linear-gradient(left, #ffffff, #dffbdc);}
 .dbsyncer_block_full { background: -webkit-linear-gradient(left, #ffffff, #dcf5fb);}