Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .externalDialog {
- .displayflex();
- .flex-direction(column);
- height: 100%;
- background-color: @color-gray8;
- .panel-header {
- color: @color-gray4;
- font-size: @baseFontSizeMedium;
- text-transform: uppercase;
- margin: 1.2rem 0;
- &:first-child {
- margin-top: 0;
- }
- }
- .panel-left,
- .panel-right {
- .box-sizing(border-box);
- }
- .panel-left {
- .flex-basis(30%);
- padding: 2.4rem 0 0 2.4rem;
- .panel-left-inner {
- height: 99%;
- border-right: 0.15rem solid @color-gray7;
- box-sizing: border-box;
- }
- .list {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .list-item {
- .box-sizing(border-box);
- .transition(all 102ms ease-out);
- padding: 0 2rem;
- transform: translate(-2.4rem);
- width: calc(~'100% + 2.4rem');
- height: 7.2rem;
- &.selected {
- width: calc(~'100% + 2.4rem');
- background-color: @list-item-hover-background-color;
- border-left: 0.5rem solid @color1;
- }
- &:not(.selected) {
- &.hover {
- background-color: @color-gray8;
- }
- }
- }
- .icon {
- float: left;
- width: 3.6rem;
- height: 100%;
- span {
- position: relative;
- top: 50%;
- transform: translateY(-50%);
- }
- }
- .info {
- height: 100%;
- display: table;
- table-layout: fixed;
- p {
- line-height: @baseFontSize;
- display: table-cell;
- vertical-align: middle;
- }
- .title {
- display: block;
- font-size: @baseFontSize;
- line-height: @baseLineHeight;
- font-weight: 500;
- text-transform: capitalize;
- }
- .sub {
- display: block;
- color: @color-gray5;
- font-size: @baseFontSizeMedium;
- font-weight: 400;
- }
- }
- }
- .popup-panels {
- .box-sizing(border-box);
- .displayflex();
- .flex-grow(1);
- min-height: 0;
- padding: 0;
- .panel-right {
- .flex(1);
- height: auto;
- width: auto;
- overflow: hidden;
- &.emui-scrollbar {
- &.edge {
- padding: 2.4rem 2.4rem 0;
- }
- }
- .documents-sort-header {
- height: 16%;
- position: relative;
- margin-top: 2%;
- .emui-checkbox {
- left: 1.3%;
- }
- .sort {
- position: absolute;
- top: 12%;
- cursor: pointer;
- color: @color-gray4;
- text-decoration: none;
- }
- .documents-sort-name {
- left: 5%;
- }
- .documents-sort-lastmodified {
- left: 60%;
- }
- .documents-sort-filesize {
- left: 80%;
- }
- }
- }
- }
- #documents-content {
- position: relative;
- overflow: initial;
- background-color: #fff;
- padding: 0;
- .documents-link {
- &.file {
- &:hover {
- text-decoration: initial;
- }
- }
- }
- }
- #documents-view-wrapper {
- min-height: unset;
- .documents-link {
- color: @link-color;
- }
- .list-view-container {
- min-height: 0;
- padding-bottom: 0;
- margin-right: 0;
- }
- #list-view {
- width: 100%;
- .item.selected {
- .documents-link {
- color: #fff;
- }
- }
- tbody {
- .box-shadow(none);
- display: block;
- .document-checkbox {
- .box-sizing(border-box);
- width: 45px;
- max-width: 45px;
- .emui-checkbox {
- display: inline-block;
- transform: translateY(-2px);
- opacity: 1;
- }
- }
- tr {
- &:last-child {
- border-bottom: 0;
- }
- }
- }
- thead {
- display: table;
- width: 100%;
- table-layout: fixed;
- }
- tbody {
- tr {
- display: table;
- width: 100%;
- table-layout: fixed;
- }
- }
- th,
- td {
- &:first-child {
- padding-left: 12px;
- padding-right: 12px;
- border-left: 0;
- }
- &:last-child {
- border-right: 0;
- }
- }
- th {
- padding: 8px;
- background-color: #fff;
- }
- }
- }
- .close-upload-dialog {
- background: url(/Framework/Resources/Images/global/framework/close-popup.png) repeat scroll 0 0 transparent;
- display: inline-block;
- height: 30px;
- width: 30px;
- float: right;
- cursor: pointer;
- }
- .button-container {
- border: none;
- .flat {
- padding-right: 0;
- }
- }
- }
- #storage-content {
- height: 99%;
- display: flex;
- flex-direction: column;
- .upload-local-document {
- text-align: center;
- border: 0.15rem dashed @color-gray6;
- height: 100%;
- -webkit-transform-style: preserve-3d;
- -moz-transform-style: preserve-3d;
- transform-style: preserve-3d;
- .local-document-inner {
- position: relative;
- top: 50%;
- transform: translateY(-50%);
- }
- }
- .dialog-el {
- margin-top: 1%;
- }
- .dialog-title {
- color: @color-gray4;
- font-size: @baseFontSizeExtraLarge;
- font-weight: 400;
- }
- .dialog-sub {
- color: @color-gray6;
- font-size: @baseFontSizeMedium;
- font-weight: 400;
- }
- .el-capitalize {
- text-transform: capitalize;
- }
- .local-documents-attached {
- .box-sizing(border-box);
- overflow-y: scroll;
- border: 0.15rem solid @color-gray6;
- height: 100%;
- table {
- table-layout: fixed;
- width: 100%;
- }
- }
- .preview-item {
- font-size: @baseFontSizeMedium;
- overflow: hidden;
- border-bottom: 0.15rem solid @color-gray7;
- position: relative;
- height: 40px;
- .cell-checkbox {
- width: 5%;
- padding-bottom: 0.4rem;
- .emui-checkbox {
- margin-left: 0.7rem;
- }
- }
- .cell-image {
- width: 4%;
- .data-image {
- width: 20px;
- height: 20px;
- margin-top: 0.6rem;
- }
- .data-icon {
- width: 16px;
- height: 16px;
- color: @color-gray4;
- }
- }
- .cell-name {
- width: 52%;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- .data-name {
- left: 10%;
- overflow: hidden;
- width: 50%;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- }
- .cell-lastmodified {
- width: 20%;
- .data-lastmodified {
- left: 60%;
- }
- }
- .data-filesize {
- left: 80%;
- }
- .data-emui-spinner {
- position: inherit;
- top: calc(~'84% - 1.3rem');
- left: calc(~'8% - 1.3rem');
- width: 14px;
- height: 14px;
- }
- }
- .emui-spinner {
- position: absolute;
- top: calc(~'50% - 3rem');
- left: calc(~'50% - 2rem');
- }
- .containers-wrapper {
- display: flex;
- flex-direction: column;
- height: 100%;
- .button-container {
- position: relative;
- }
- }
- .folder-crumb-wrapper {
- .displayflex;
- padding: 2.4rem 0 1.6rem 2.4rem;
- .root-icon {
- .flex-basis(2.4rem);
- }
- .folder-crumb {
- .flex(1);
- padding: 0;
- li {
- line-height: @baseLineHeight;
- }
- }
- }
- .folder-container {
- .flex(1);
- height: 100%;
- min-height: 100%;
- }
- .folder-crumb {
- -webkit-flex: none;
- flex: none;
- height: auto;
- padding: 2.4rem 0 1.6rem 2.4rem;
- .box-sizing(border-box);
- }
- .folder-view-wrapper {
- .displayflex();
- .flex-direction(column);
- height: calc(~'100% - 6.4rem');
- overflow-y: auto !important;
- }
- .folder-view {
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-flex: 1 0 auto;
- flex: 1 0 auto;
- padding: 0 1.6rem;
- }
- .no-items {
- color: @color-gray5;
- padding: 2rem;
- text-align: center;
- }
- }
- .connectDialog {
- .emui-popup {
- .displayflex();
- .flex-direction(column);
- height: 100%;
- .popup-content {
- .flex-grow(1);
- height: 100%;
- }
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement