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

removed redundant UI code

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

1
gui/app/styles/app.scss
View file

@ -15,7 +15,6 @@
@import "bootstrap.scss";
@import "view/layout.scss"; // junk?
@import "view/document/all.scss";

11
gui/app/styles/print.scss
View file

@ -43,18 +43,7 @@
}
.non-printable,
.dropdown-dialog,
.dropdown-menu,
.zone-navigation,
#sidebar-wrapper,
.sidebar-wrapper,
.sidebar-common,
.sidebar-panel,
.edit-document-heading,
.back-to-space,
.start-section,
.start-button,
.is-a-tab,
.document-toolbar,
.document-space,
.document-category,

5
gui/app/styles/view/common.scss
View file

@ -25,8 +25,3 @@
color: $color-stroke;
}
}
.back-to-space {
margin: 0 0 10px 0;
display: inline-block;
}

41
gui/app/styles/view/document/document.scss
View file

@ -5,3 +5,44 @@
@import "view-activity.scss";
@import "view-revision.scss";
@import "wysiwyg.scss";
.document-sidebar-toolbar {
margin: 10px 0 0 0;
padding: 10px 0;
text-align: center;
// background-color: $color-sidebar-toolbar;
> .round-button-mono {
background-color: $color-white;
border-color: $color-sidebar-border;
> .material-icons {
color: $color-gray;
@include ease-in();
}
&:hover {
> .material-icons {
color: $color-link;
}
}
}
> .selected {
background-color: $color-primary;
border-color: $color-primary;
> .material-icons {
color: $color-off-white;
@include ease-in();
}
&:hover {
> .material-icons {
color: $color-white;
}
}
}
}

153
gui/app/styles/view/layout.scss
View file

@ -1,153 +0,0 @@
// pre-nov17 UX
$sidebar-width: 400px;
#wrapper {
padding-left: 0;
margin-right: 60px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#sidebar-wrapper {
z-index: 888;
position: fixed;
overflow-x: hidden;
left: $sidebar-width;
top: 0;
width: 0;
height: 100%;
margin-left: -$sidebar-width;
overflow-y: auto;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: $color-sidebar;
border-right: 1px solid $color-sidebar-border;
}
.page-container {
margin-right: auto;
margin-left: auto;
padding-left: 30px;
padding-right: 0;
max-width: 1200px;
}
#page-content-wrapper {
width: 100%;
position: relative;
// position: absolute;
padding: 30px 0 30px 30px;
margin: 0 auto;
margin-top: 30px;
.page-content-title {
font-size: 2rem;
margin: 30px 0 10px;
font-weight: normal;
}
}
.sidebar-common {
display: inline-block;
width: 340px;
padding: 40px 20px 0px 20px;
margin-left: 20px;
.zone-sidebar-page-title {
color: $color-primary;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 20px;
}
.zone-sidebar-page-info {
color: $color-black;
font-size: 1rem;
line-height: 1.5rem;
margin-bottom: 30px;
}
color: $color-sidebar-text !important;
a, a:visited {
&:hover {
color: $color-sidebar-link !important;
}
}
}
.sidebar-wrapper {
padding: 40px 20px 40px 20px;
margin: 0 20px;
.sidebar-panel {
width: 300px;
> .title {
color: $color-primary;
font-size: 1.2rem;
margin-bottom: 30px;
font-weight: bold;
}
.document-sidebar-form-wrapper {
padding: 20px;
border: 1px solid $color-stroke;
background-color: $color-white;
@include border-radius(3px);
}
}
color: $color-sidebar-text !important;
a, a:visited {
&:hover {
color: $color-sidebar-link !important;
}
}
}
.document-sidebar-toolbar {
margin: 10px 0 0 0;
padding: 10px 0;
text-align: center;
// background-color: $color-sidebar-toolbar;
> .round-button-mono {
background-color: $color-white;
border-color: $color-sidebar-border;
> .material-icons {
color: $color-gray;
@include ease-in();
}
&:hover {
> .material-icons {
color: $color-link;
}
}
}
> .selected {
background-color: $color-primary;
border-color: $color-primary;
> .material-icons {
color: $color-off-white;
@include ease-in();
}
&:hover {
> .material-icons {
color: $color-white;
}
}
}
}

138
gui/app/styles/widget/widget-dropdown.scss
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;
}
}
}
}
}
}
}
}

201
gui/app/styles/widget/widget-tooltip.scss
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;
}
}

2
gui/app/styles/widget/widget.scss
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";