|
|
@@ -319,4 +319,162 @@ h6 {
|
|
|
transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
+}
|
|
|
+
|
|
|
+/* Context menu, popover etc. */
|
|
|
+
|
|
|
+
|
|
|
+.hue-context-menu {
|
|
|
+ display: none;
|
|
|
+ position: fixed;
|
|
|
+ margin: 2px 4px 6px 4px;
|
|
|
+ z-index: 999;
|
|
|
+ padding: 6px 1px;
|
|
|
+ list-style: none;
|
|
|
+ font-size: 13px;
|
|
|
+
|
|
|
+ opacity: 0;
|
|
|
+ transition: opacity .3s;
|
|
|
+}
|
|
|
+
|
|
|
+.hue-context-menu, .sql-context-popover-bottom {
|
|
|
+ border-radius: 2px;
|
|
|
+ background-color: #FFF;
|
|
|
+ -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.18);
|
|
|
+ box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18), 0 2px 8px 0 rgba(0, 0, 0, 0.13);
|
|
|
+}
|
|
|
+
|
|
|
+.sql-context-popover-top {
|
|
|
+ border-radius: 2px;
|
|
|
+ background-color: #FFF;
|
|
|
+ -webkit-box-shadow: 0 -2px 8px rgba(0,0,0,.18);
|
|
|
+ box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.18), 0 -2px 8px 0 rgba(0, 0, 0, 0.13);
|
|
|
+}
|
|
|
+
|
|
|
+.sql-context-popover-right {
|
|
|
+ border-radius: 2px;
|
|
|
+ background-color: #FFF;
|
|
|
+ -webkit-box-shadow: 2px 0 8px rgba(0,0,0,.18);
|
|
|
+ box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.18), 2px 0 8px 0 rgba(0, 0, 0, 0.13);
|
|
|
+}
|
|
|
+
|
|
|
+.sql-context-popover-left {
|
|
|
+ border-radius: 2px;
|
|
|
+ background-color: #FFF;
|
|
|
+ -webkit-box-shadow: -2px 0 8px rgba(0,0,0,.18);
|
|
|
+ box-shadow: -2px 0 6px 0 rgba(0, 0, 0, 0.18), -2px 0 8px 0 rgba(0, 0, 0, 0.13);
|
|
|
+}
|
|
|
+
|
|
|
+.hue-inner-drop-down {
|
|
|
+ margin: 0 !important;
|
|
|
+ padding: 0;
|
|
|
+ list-style: none;
|
|
|
+ font-size: 13px;
|
|
|
+}
|
|
|
+
|
|
|
+.hue-inner-drop-down > li,
|
|
|
+.hue-context-menu > li {
|
|
|
+ min-width: 170px;
|
|
|
+ color: #e5e5e5;
|
|
|
+}
|
|
|
+
|
|
|
+.hue-inner-drop-down > li > a {
|
|
|
+ display: block;
|
|
|
+ position: relative;
|
|
|
+ clear: both;
|
|
|
+ height: 22px;
|
|
|
+ line-height: 22px;
|
|
|
+ vertical-align: middle;
|
|
|
+ padding: 6px 16px 6px 16px;
|
|
|
+
|
|
|
+ color: #333;
|
|
|
+ text-decoration: none;
|
|
|
+ font-weight: 400;
|
|
|
+ white-space: nowrap;
|
|
|
+ transition: background-color .3s;
|
|
|
+}
|
|
|
+
|
|
|
+.hue-context-menu > li > a {
|
|
|
+ display: block;
|
|
|
+ position: relative;
|
|
|
+ clear: both;
|
|
|
+ height: 22px;
|
|
|
+ line-height: 22px;
|
|
|
+ vertical-align: middle;
|
|
|
+ padding: 6px 16px 6px 38px;
|
|
|
+
|
|
|
+ color: #333;
|
|
|
+ text-decoration: none;
|
|
|
+ font-weight: 400;
|
|
|
+ white-space: nowrap;
|
|
|
+ transition: background-color .3s;
|
|
|
+}
|
|
|
+
|
|
|
+.hue-context-menu > li > .disabled {
|
|
|
+ display: block;
|
|
|
+ position: relative;
|
|
|
+ clear: both;
|
|
|
+ height: 22px;
|
|
|
+ line-height: 22px;
|
|
|
+ vertical-align: middle;
|
|
|
+ padding: 6px 16px 6px 38px;
|
|
|
+ cursor: default;
|
|
|
+
|
|
|
+ color: #CCC;
|
|
|
+ text-decoration: none;
|
|
|
+ font-weight: 400;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+
|
|
|
+.hue-inner-drop-down > li > a:hover,
|
|
|
+.hue-inner-drop-down > li.active,
|
|
|
+.hue-context-menu > li.active,
|
|
|
+.hue-context-menu > li > a:not(.disabled):hover {
|
|
|
+ background-color: #DBE8F1;
|
|
|
+}
|
|
|
+
|
|
|
+.hue-context-menu > li > .disabled > i {
|
|
|
+ position: absolute;
|
|
|
+ height: 22px;
|
|
|
+ left: 13px;
|
|
|
+ right: auto;
|
|
|
+ top: 6px;
|
|
|
+
|
|
|
+ color: #CCC;
|
|
|
+ font-size: 17px;
|
|
|
+ line-height: 22px;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+.hue-context-menu > li > a > i:not(.sub-icon) {
|
|
|
+ position: absolute;
|
|
|
+ top: 6px;
|
|
|
+ left: 13px;
|
|
|
+ right: auto;
|
|
|
+ line-height: 22px;
|
|
|
+ height: 24px;
|
|
|
+
|
|
|
+ color: #555;
|
|
|
+ font-size: 17px;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+.hue-context-menu > li > a > .sub-icon {
|
|
|
+ position: absolute;
|
|
|
+ top: 6px;
|
|
|
+ left: auto;
|
|
|
+ right: 13px;
|
|
|
+ line-height: 22px;
|
|
|
+ height: 24px;
|
|
|
+
|
|
|
+ color: #555;
|
|
|
+ font-size: 12px;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+.hue-context-menu > .divider {
|
|
|
+ height: 1px;
|
|
|
+ margin: 9px 0;
|
|
|
+ overflow: hidden;
|
|
|
+ background-color: #e5e5e5;
|
|
|
}
|