1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-24 23:59:47 +02:00

removed redundant UI code

This commit is contained in:
Harvey Kandola 2017-12-11 14:39:12 +00:00
parent 5edd08ee04
commit cc1c216754
40 changed files with 81 additions and 949 deletions

View file

@ -1,138 +0,0 @@
// https://github.com/HubSpot/drop
.drop-element {
box-sizing: border-box;
display: none;
z-index: 999;
&:after, &:before {
box-sizing: border-box;
}
* {
box-sizing: border-box;
&:after, &:before {
box-sizing: border-box;
}
}
&.drop-open {
display: block;
}
&.drop-theme-basic {
max-width: 100%;
max-height: 100%;
.drop-content {
border-radius: 2px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
font-family: inherit;
background: $color-white;
color: $color-off-black;
padding: 1.5em 2.5em;
line-height: 1.5em;
> .dropdown-dialog {
@extend .clearfix;
.content {
> p {
margin: 7px 0;
font-size: 1rem;
}
> .heading {
line-height: 3rem;
font-size: 1.2rem;
}
}
.actions {
margin-top: 15px;
float: right;
}
}
}
}
&.drop-theme-menu {
max-width: 100%;
max-height: 100%;
.drop-content {
border-radius: 2px;
padding: 10px 0 7px 0;
min-width: 125px;
@extend .z-depth-1;
background: $color-white;
color: $color-off-black;
.dropdown-menu {
> ul.menu
{
margin: 0;
padding: 0;
> li.item {
font-size: 0.9em;
padding: 7px 14px 7px 14px;
cursor: pointer;
&:hover {
color: $color-link;
// font-weight: bold;
}
a, a:visited {
text-decoration: none;
color: $color-off-black;
width: 100%;
display: inline-block;
&:hover {
color: $color-link;
// font-weight: bold;
}
}
}
> .right {
text-align: right;
}
> li.danger {
color: $color-red;
&:hover {
color: $color-red;
// font-weight: bold;
}
}
> li.divider {
height: 1px;
border-top: 1px solid $color-border;
margin: 5px 0;
}
> li.disabled {
color: $color-stroke !important;
font-weight: normal !important;
cursor: not-allowed !important;
a, a:visited {
color: $color-stroke !important;
&:hover {
color: $color-stroke !important;
font-weight: normal !important;
}
}
}
}
}
}
}
}

View file

@ -1,201 +0,0 @@
// https://github.com/HubSpot/tooltip
.tooltip-element {
z-index: 999;
box-sizing: border-box;
&:after,
&:before {
box-sizing: border-box;
}
* {
box-sizing: border-box;
&:after,
&:before {
box-sizing: border-box;
}
}
position: absolute;
display: none;
&.tooltip-open {
display: block;
}
&.tooltip-theme-arrows {
z-index: 999;
max-width: 100%;
max-height: 100%;
.tooltip-content {
border-radius: 2px;
position: relative;
font-family: inherit;
background: $color-tooltip;
color: $color-white;
padding: 0.5em;
font-size: 0.8em;
line-height: 1.1em;
&:before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-width: 8px;
border-style: solid;
}
}
&.tooltip-element-attached-bottom.tooltip-element-attached-center .tooltip-content {
margin-bottom: 8px;
&:before {
top: 100%;
left: 50%;
margin-left: -8px;
border-top-color: $color-tooltip;
}
}
&.tooltip-element-attached-top.tooltip-element-attached-center .tooltip-content {
margin-top: 8px;
&:before {
bottom: 100%;
left: 50%;
margin-left: -8px;
border-bottom-color: $color-tooltip;
}
}
&.tooltip-element-attached-right.tooltip-element-attached-middle .tooltip-content {
margin-right: 8px;
&:before {
left: 100%;
top: 50%;
margin-top: -8px;
border-left-color: $color-tooltip;
}
}
&.tooltip-element-attached-left.tooltip-element-attached-middle .tooltip-content {
margin-left: 8px;
&:before {
right: 100%;
top: 50%;
margin-top: -8px;
border-right-color: $color-tooltip;
}
}
&.tooltip-element-attached-top {
&.tooltip-element-attached-left.tooltip-target-attached-bottom .tooltip-content {
margin-top: 8px;
&:before {
bottom: 100%;
left: 8px;
border-bottom-color: $color-tooltip;
}
}
&.tooltip-element-attached-right.tooltip-target-attached-bottom .tooltip-content {
margin-top: 8px;
&:before {
bottom: 100%;
right: 8px;
border-bottom-color: $color-tooltip;
}
}
}
&.tooltip-element-attached-bottom {
&.tooltip-element-attached-left.tooltip-target-attached-top .tooltip-content {
margin-bottom: 8px;
&:before {
top: 100%;
left: 8px;
border-top-color: $color-tooltip;
}
}
&.tooltip-element-attached-right.tooltip-target-attached-top .tooltip-content {
margin-bottom: 8px;
&:before {
top: 100%;
right: 8px;
border-top-color: $color-tooltip;
}
}
}
&.tooltip-element-attached-top {
&.tooltip-element-attached-right.tooltip-target-attached-left .tooltip-content {
margin-right: 8px;
&:before {
top: 8px;
left: 100%;
border-left-color: $color-tooltip;
}
}
&.tooltip-element-attached-left.tooltip-target-attached-right .tooltip-content {
margin-left: 8px;
&:before {
top: 8px;
right: 100%;
border-right-color: $color-tooltip;
}
}
}
&.tooltip-element-attached-bottom {
&.tooltip-element-attached-right.tooltip-target-attached-left .tooltip-content {
margin-right: 8px;
&:before {
bottom: 8px;
left: 100%;
border-left-color: $color-tooltip;
}
}
&.tooltip-element-attached-left.tooltip-target-attached-right .tooltip-content {
margin-left: 8px;
&:before {
bottom: 8px;
right: 100%;
border-right-color: $color-tooltip;
}
}
}
pointer-events: none;
.tooltip-content {
padding: 0.5em 1em;
}
}
opacity: 0;
&.tooltip-open-transitionend {
display: block;
}
&.tooltip-after-open {
transition: opacity 600ms 400ms;
opacity: 1;
}
}

View file

@ -66,7 +66,6 @@
@import "widget-card";
@import "widget-checkbox";
@import "widget-chip";
@import "widget-dropdown";
@import "widget-input";
@import "widget-list-picker";
@import "widget-notification";
@ -77,4 +76,3 @@
@import "widget-tab";
@import "widget-table";
@import "widget-tabnav";
@import "widget-tooltip";