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:
parent
5edd08ee04
commit
cc1c216754
40 changed files with 81 additions and 949 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
}
|
|
@ -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";
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue