Преглед на файлове

解决游览器顶部全拖拽问题

nn преди 8 години
родител
ревизия
4b26ea7fca
променени са 2 файла, в които са добавени 16 реда и са изтрити 5 реда
  1. 1 1
      resources/app/browser.html
  2. 15 4
      resources/app/public/css/browser.css

+ 1 - 1
resources/app/browser.html

@@ -17,7 +17,7 @@
         <button type="button" class="icon-cancel"></button>
         <button type="button" class="icon-cancel"></button>
       </section>
       </section>
     </section>
     </section>
-    <ul class="bowerCreaterWindow">
+    <ul class="bowerCreaterWindow" style="-webkit-app-region: drag">
         <button class="BrowwerAdd"></button>
         <button class="BrowwerAdd"></button>
     </ul>
     </ul>
     <ul class="bowerHeaderSeach" id="CampusInfoBrowserHeaderSeach">
     <ul class="bowerHeaderSeach" id="CampusInfoBrowserHeaderSeach">

+ 15 - 4
resources/app/public/css/browser.css

@@ -58,10 +58,6 @@ ul,li{
     text-align: center;
     text-align: center;
     color: #d3d3d3;
     color: #d3d3d3;
 }
 }
-/* .bowerHeaderSeach .refresh{
-    color: #5a5a5a;
-} */
-
 .bowerHeaderSeach .bowerSeach{
 .bowerHeaderSeach .bowerSeach{
     position: relative;
     position: relative;
     width: calc(100% - 180px) !important;
     width: calc(100% - 180px) !important;
@@ -113,6 +109,10 @@ ul,li{
     background-color: #d0d0d0;
     background-color: #d0d0d0;
     border-top: 1px solid #a2a2a2;
     border-top: 1px solid #a2a2a2;
     z-index: 30;
     z-index: 30;
+    -webkit-app-region: no-drag;
+    -webkit-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    -moz-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    transition: all .3s cubic-bezier(0.3,.1,.58,1);
 }
 }
 .BrowerActive{
 .BrowerActive{
     background-color: #f2f2f2 !important;
     background-color: #f2f2f2 !important;
@@ -138,6 +138,9 @@ ul,li{
     transform: skewX(20deg);
     transform: skewX(20deg);
     background-color: #d0d0d0;
     background-color: #d0d0d0;
     border-right: 1px solid #a2a2a2;
     border-right: 1px solid #a2a2a2;
+    -webkit-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    -moz-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    transition: all .3s cubic-bezier(0.3,.1,.58,1);
 }
 }
 .bowerCreaterWindow li:after {
 .bowerCreaterWindow li:after {
     content: '';
     content: '';
@@ -150,6 +153,10 @@ ul,li{
     transform: skewX(-20deg);
     transform: skewX(-20deg);
     background-color: #d0d0d0;
     background-color: #d0d0d0;
     border-left: 1px solid #a2a2a2;
     border-left: 1px solid #a2a2a2;
+    -webkit-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    -moz-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    
 }
 }
 .bowerCreaterWindow {
 .bowerCreaterWindow {
     float: left;
     float: left;
@@ -158,6 +165,9 @@ ul,li{
     display: inline-flex;
     display: inline-flex;
     overflow: unset;
     overflow: unset;
     margin-left: 25px;
     margin-left: 25px;
+    -webkit-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    -moz-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    transition: all .3s cubic-bezier(0.3,.1,.58,1);
 }
 }
 .BrowerListBody {
 .BrowerListBody {
     position: relative;
     position: relative;
@@ -202,6 +212,7 @@ button.BrowwerAdd {
     -o-transform: skew(20deg);
     -o-transform: skew(20deg);
     background: white;
     background: white;
     border: 1px solid #c7c7c7;
     border: 1px solid #c7c7c7;
+    -webkit-app-region: no-drag;
 }
 }
 .BrowerContainer {
 .BrowerContainer {
      height: calc(100% - 93px) !important;
      height: calc(100% - 93px) !important;