mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
Demo project cleanup
Removed all obsolete stuff from the ng2 demo project
This commit is contained in:
Denys Vuika
@@ -1,116 +0,0 @@
|
||||
/* Generated by less 2.2.0 */
|
||||
.drag-image {
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
.drop-zone {
|
||||
border-radius: 4px;
|
||||
visibility: visible;
|
||||
}
|
||||
.drop-zone.over {
|
||||
outline: 1px dashed #ddd;
|
||||
}
|
||||
.widget-button {
|
||||
cursor: default;
|
||||
}
|
||||
.widget-button[contenteditable="true"] {
|
||||
cursor: text;
|
||||
}
|
||||
.widget-input:read-only {
|
||||
background-color: #ffffff;
|
||||
cursor: default;
|
||||
}
|
||||
.widget-row {
|
||||
background-color: #F5F5F5;
|
||||
border: 1px solid #dddddd;
|
||||
border-radius: 4px;
|
||||
margin: 5px 0;
|
||||
padding: 25px 14px 0;
|
||||
position: relative;
|
||||
}
|
||||
.widget-row:before {
|
||||
background-color: #F5F5F5;
|
||||
border: 1px solid #dddddd;
|
||||
border-radius: 4px 0 4px 0;
|
||||
color: #9DA0A4;
|
||||
content: "Row";
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
left: -1px;
|
||||
padding: 3px 7px;
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
}
|
||||
.widget-row.selected {
|
||||
border-color: green;
|
||||
transition: border-color 0.5s;
|
||||
}
|
||||
.widget-row.selected:before {
|
||||
background-color: green;
|
||||
border-color: green;
|
||||
color: white;
|
||||
}
|
||||
.widget-col {
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #dddddd;
|
||||
border-radius: 4px;
|
||||
margin: 15px 0;
|
||||
padding: 39px 19px 24px;
|
||||
position: relative;
|
||||
}
|
||||
.widget-col:before {
|
||||
background-color: #F5F5F5;
|
||||
border: 1px solid #dddddd;
|
||||
border-radius: 4px 0 4px 0;
|
||||
color: #9DA0A4;
|
||||
content: "Column";
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
left: -1px;
|
||||
padding: 3px 7px;
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
}
|
||||
.widget-col.selected {
|
||||
border-color: green;
|
||||
transition: border-color 0.5s;
|
||||
}
|
||||
.widget-col.selected:before {
|
||||
background-color: green;
|
||||
border-color: green;
|
||||
color: white;
|
||||
}
|
||||
.widget-container {
|
||||
border: 1px solid #dddddd;
|
||||
border-radius: 4px;
|
||||
margin-left: 0;
|
||||
margin-top: 10px;
|
||||
padding: 30px 15px 15px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.widget-container:before {
|
||||
background-color: #F5F5F5;
|
||||
border: 1px solid #dddddd;
|
||||
border-radius: 4px 0 4px 0;
|
||||
color: #9DA0A4;
|
||||
content: "Container";
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
left: -1px;
|
||||
padding: 3px 7px;
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
}
|
||||
.widget-container.selected {
|
||||
border-color: green;
|
||||
transition: border-color 0.5s;
|
||||
}
|
||||
.widget-container.selected:before {
|
||||
background-color: green;
|
||||
border-color: green;
|
||||
color: white;
|
||||
}
|
||||
@@ -1,201 +0,0 @@
|
||||
/* General styles for all menus */
|
||||
|
||||
.cbp-spmenu {
|
||||
background-color: #fff;
|
||||
position: fixed;
|
||||
border-color: #e7e7e7;
|
||||
}
|
||||
|
||||
.cbp-spmenu > h3 {
|
||||
color: #555;
|
||||
font-size: 1.9em;
|
||||
padding: 11px;
|
||||
margin: 0;
|
||||
font-weight: 300;
|
||||
background: #e7e7e7;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.cbp-spmenu > a {
|
||||
display: block;
|
||||
color: #777;
|
||||
font-size: 1.1em;
|
||||
font-weight: 300;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.cbp-spmenu > a:hover {
|
||||
color: #555;
|
||||
background: #f8f8f8;
|
||||
}
|
||||
|
||||
.cbp-spmenu > a:active,
|
||||
.cbp-spmenu > a.active {
|
||||
color: #fff;
|
||||
border-color: #428bca;
|
||||
background-color: #428bca;
|
||||
}
|
||||
|
||||
/* Orientation-dependent styles for the content of the menu */
|
||||
|
||||
.cbp-spmenu-vertical {
|
||||
width: 240px;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
/*z-index: 1000;*/
|
||||
z-index: 1040; /* default TBS navbar index is 1030 */
|
||||
overflow-y: auto; /* vertical scrollbar */
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.cbp-spmenu-vertical > a {
|
||||
border-bottom: 1px solid #e7e7e7;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.cbp-spmenu-horizontal {
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.cbp-spmenu-horizontal > h3 {
|
||||
height: 100%;
|
||||
width: 20%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.cbp-spmenu-horizontal > a {
|
||||
float: left;
|
||||
width: 20%;
|
||||
padding: 0.8em;
|
||||
border-left: 1px solid #258ecd;
|
||||
}
|
||||
|
||||
/* Vertical menu that slides from the left or right */
|
||||
|
||||
.cbp-spmenu-left {
|
||||
left: -240px;
|
||||
border-right: 1px solid #e7e7e7;
|
||||
}
|
||||
|
||||
.cbp-spmenu-right {
|
||||
right: -240px;
|
||||
border-left: 1px solid #e7e7e7;
|
||||
}
|
||||
|
||||
.cbp-spmenu-left.cbp-spmenu-open {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.cbp-spmenu-right.cbp-spmenu-open {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* Horizontal menu that slides from the top or bottom */
|
||||
|
||||
.cbp-spmenu-top {
|
||||
top: -150px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-bottom {
|
||||
bottom: -150px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-top.cbp-spmenu-open {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.cbp-spmenu-bottom.cbp-spmenu-open {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/* Push classes applied to the body */
|
||||
|
||||
.cbp-spmenu-push {
|
||||
overflow-x: hidden;
|
||||
position: relative;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.cbp-spmenu-push-toright {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-push-toleft {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
/* Transitions */
|
||||
|
||||
.cbp-spmenu,
|
||||
.cbp-spmenu-push {
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-moz-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
/* Example media queries */
|
||||
|
||||
@media screen and (max-width: 55.1875em){
|
||||
|
||||
.cbp-spmenu-horizontal {
|
||||
font-size: 75%;
|
||||
height: 110px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-top {
|
||||
top: -110px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-bottom {
|
||||
bottom: -110px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height: 26.375em){
|
||||
|
||||
.cbp-spmenu-vertical {
|
||||
font-size: 90%;
|
||||
width: 190px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-left,
|
||||
.cbp-spmenu-push-toleft {
|
||||
left: -190px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-right {
|
||||
right: -190px;
|
||||
}
|
||||
|
||||
.cbp-spmenu-push-toright {
|
||||
left: 190px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Extra stuff */
|
||||
|
||||
/* move scrollbar for right menu to the right */
|
||||
|
||||
.cbp-spmenu-right { direction: rtl; }
|
||||
.cbp-spmenu-right > * { direction: ltr; }
|
||||
|
||||
/* misc */
|
||||
|
||||
a.menu-close {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
/* Show menu inside main content rather than page */
|
||||
.inline-menu {
|
||||
padding-bottom: 50px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.inline-menu > h3 {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -1,148 +0,0 @@
|
||||
/* Layout */
|
||||
|
||||
.drag-image {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.drop-zone {
|
||||
border-radius: 4px;
|
||||
/*height: 20px;*/
|
||||
visibility: visible /*!Important*/;
|
||||
}
|
||||
|
||||
.drop-zone.over {
|
||||
/*height: 100px;*/
|
||||
outline: 1px dashed #ddd;
|
||||
}
|
||||
|
||||
ul.toolbar {
|
||||
list-style: none;
|
||||
margin: 0 0 1em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.toolbar li {
|
||||
background: #F7F7F7;
|
||||
border: 1px solid #D9D9D9;
|
||||
border-radius: 3px;
|
||||
display: inline-block;
|
||||
margin: 0 1em 1em 0;
|
||||
padding: 0.5em 1em;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
|
||||
/*.widget {}*/
|
||||
|
||||
.widget.widget-button {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.widget.widget-button[contentEditable="true"] {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
/*.widget.widget-input {}*/
|
||||
|
||||
.widget.widget-input:read-only {
|
||||
background-color: #fff;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/*.widget.widget-input.drag:before {
|
||||
content: "Input";
|
||||
}*/
|
||||
|
||||
.widget.widget-input:before {
|
||||
content: "Input";
|
||||
}
|
||||
|
||||
.widget.widget-row {
|
||||
background-color: #F5F5F5;
|
||||
border: 1px solid #DDDDDD;
|
||||
border-radius: 4px;
|
||||
margin: 5px 0;
|
||||
padding: 25px 14px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.widget.widget-row:before {
|
||||
background-color: #F5F5F5;
|
||||
border: 1px solid #DDDDDD;
|
||||
border-radius: 4px 0 4px 0;
|
||||
color: #9DA0A4;
|
||||
content: "Row";
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
left: -1px;
|
||||
line-height: 2;
|
||||
padding: 3px 7px;
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.widget.widget-col {
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #DDDDDD;
|
||||
border-radius: 4px;
|
||||
margin: 15px 0;
|
||||
padding: 39px 19px 24px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.widget.widget-col:before {
|
||||
background-color: #F5F5F5;
|
||||
border: 1px solid #DDDDDD;
|
||||
border-radius: 4px 0 4px 0;
|
||||
color: #9DA0A4;
|
||||
content: "Column";
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
left: -1px;
|
||||
padding: 3px 7px;
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.widget.widget-container {
|
||||
margin-left: 0;
|
||||
margin-top: 10px;
|
||||
padding: 30px 15px 15px;
|
||||
border: 1px solid #DDDDDD;
|
||||
border-radius: 4px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.widget.widget-container:before {
|
||||
background-color: #F5F5F5;
|
||||
border: 1px solid #DDDDDD;
|
||||
border-radius: 4px 0 4px 0;
|
||||
color: #9DA0A4;
|
||||
content: "Container";
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
left: -1px;
|
||||
padding: 3px 7px;
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.widget.widget-row.selected,
|
||||
.widget.widget-container.selected,
|
||||
.widget.widget-col.selected {
|
||||
border-color: green;
|
||||
transition: border-color .5s;
|
||||
}
|
||||
|
||||
.widget.widget-row.selected:before,
|
||||
.widget.widget-container.selected:before,
|
||||
.widget.widget-col.selected:before {
|
||||
border-color: green;
|
||||
background-color: green;
|
||||
color: white;
|
||||
}
|
||||
Reference in New Issue
Block a user