Преглед изворни кода

10583 panel resize icon fix (#10585)

* removed svg, added ::after

* removed unnecessary code
Patrick O'Carroll пре 8 година
родитељ
комит
c611ffa4bc
2 измењених фајлова са 5 додато и 15 уклоњено
  1. 0 11
      public/img/resize-handle-white.svg
  2. 5 4
      public/sass/components/_dashboard_grid.scss

+ 0 - 11
public/img/resize-handle-white.svg

@@ -1,11 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!-- Generator: Adobe Fireworks CS6, Export SVG Extension by Aaron Beall (http://fireworks.abeall.com) . Version: 0.6.1  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg id="Untitled-Page%201" viewBox="0 0 6 6" style="background-color:#ffffff00" version="1.1"
-	xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
-	x="0px" y="0px" width="6px" height="6px"
->
-	<g opacity="0.302">
-		<path d="M 6 6 L 0 6 L 0 4.2 L 4 4.2 L 4.2 4.2 L 4.2 0 L 6 0 L 6 6 L 6 6 Z" fill="#FFFFFF"/>
-	</g>
-</svg>

+ 5 - 4
public/sass/components/_dashboard_grid.scss

@@ -1,5 +1,5 @@
-@import "~react-grid-layout/css/styles.css";
-@import "~react-resizable/css/styles.css";
+@import '~react-grid-layout/css/styles.css';
+@import '~react-resizable/css/styles.css';
 
 
 .panel-in-fullscreen {
 .panel-in-fullscreen {
   .react-grid-layout {
   .react-grid-layout {
@@ -40,8 +40,9 @@
 }
 }
 
 
 .theme-dark {
 .theme-dark {
-  .react-grid-item > .react-resizable-handle {
-    background-image: url("../img/resize-handle-white.svg");
+  .react-grid-item > .react-resizable-handle::after {
+    border-right: 2px solid rgba(255, 255, 255, 0.4);
+    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
   }
   }
 }
 }