dropdown triangle

public/css/theme/basic.less

@@ -71,9 +71,29 @@
   border-radius: 3px;
   margin:0;
   border: 1px solid @hColor;
+  // border: 1px solid #e6eaed;
   /*overflow-x: hidden; */
   /*overflow-y: scroll;*/
   box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px 0px;
+  
+	&:before {
+		content: "";
+		width: 20px;
+		height: 12px;
+		position: absolute;
+		top: -12px;
+		right: 20px;
+		background-image: url("../../images/triangle_2x.png");
+		background-size: 20px 12px;
+	}
+}
+
+.dropdown-submenu .dropdown-menu:before {
+	background: none;
+}
+#searchNotebookForAddDropdownList:before {
+	left: 190px;
+	right: inherit;
 }
 
 .dropdown-menu li {
@@ -420,4 +440,3 @@
 		}
 	}
 }
-

public/css/theme/default.css

@@ -66,6 +66,23 @@
   /*overflow-y: scroll;*/
   box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px 0px;
 }
+.dropdown-menu:before {
+  content: "";
+  width: 20px;
+  height: 12px;
+  position: absolute;
+  top: -12px;
+  right: 20px;
+  background-image: url("../../images/triangle_2x.png");
+  background-size: 20px 12px;
+}
+.dropdown-submenu .dropdown-menu:before {
+  background: none;
+}
+#searchNotebookForAddDropdownList:before {
+  left: 190px;
+  right: inherit;
+}
 .dropdown-menu li {
   list-style: none;
   padding-left: 10px;
@@ -523,9 +540,6 @@ a.raw:hover {
   font-size: 28px;
   color: #999999;
 }
-.dropdown-menu {
-  border: 1px solid #0fb264;
-}
 .dropdown-menu li > a {
   color: #000000;
 }

public/css/theme/default.less

@@ -169,7 +169,7 @@ a.raw:hover {
 }
 
 .dropdown-menu {
-  border: 1px solid @hColor;
+  // border: 1px solid @hColor;
 }
 .dropdown-menu li > a {
   color: @aBlackColor;

public/css/theme/simple.less

@@ -158,7 +158,7 @@ a.raw:hover {
 }
 
 .dropdown-menu {
-  border: 1px solid @hColor;
+  // border: 1px solid @hColor;
 }
 .dropdown-menu li > a {
   color: @aBlackColor;