Skip to content

Commit

Permalink
WIP
Browse files Browse the repository at this point in the history
  • Loading branch information
@ubarsaiyan
ubarsaiyan committed Jul 1, 2019
1 parent 4747c39 commit db3a3c6
Show file tree
Hide file tree
Showing 7 changed files with 368 additions and 132 deletions.
158 changes: 80 additions & 78 deletions app/theme/client/imports/components/contextual-bar.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -163,123 +163,125 @@
}
}

.attachments {
&__item {
position: relative;
.flex-tab__result {
.attachments {
&__item {
position: relative;

margin-bottom: 10px;
margin-bottom: 10px;

transition: background-color 300ms linear;
transition: background-color 300ms linear;

&.active,
&:hover {
cursor: pointer;
&.active,
&:hover {
cursor: pointer;

background-color: #f7f8fa;
background-color: #f7f8fa;

.attachments-menu {
display: inline-block;
.attachments-menu {
display: inline-block;
}
}
}

&-link {
display: flex;
flex-direction: row;
&-link {
display: flex;
flex-direction: row;

padding: 8px 0;
align-items: center;
padding: 8px 0;
align-items: center;
}
}
}

&__file,
&__thumb {
display: inline-block;
display: flex;
flex-direction: column;
flex: 0 0 auto;
&__file,
&__thumb {
display: inline-block;
display: flex;
flex-direction: column;
flex: 0 0 auto;

width: 50px;
width: 50px;

height: 50px;
margin: 0 8px;
height: 50px;
margin: 0 8px;

border-radius: 2px;
border-radius: 2px;

background: radial-gradient(ellipse at center, rgba(155, 169, 186, 1) 0%, rgba(131, 143, 158, 1) 100%);
background-size: cover;
background: radial-gradient(ellipse at center, rgba(155, 169, 186, 1) 0%, rgba(131, 143, 158, 1) 100%);
background-size: cover;

font-size: 24px;
font-size: 24px;

align-items: center;
justify-content: center;
}

&__file {
&--pdf {
background: radial-gradient(ellipse at center, rgba(250, 97, 97, 1) 0%, rgba(251, 19, 19, 1) 100%);
align-items: center;
justify-content: center;
}

&--sheets {
background: radial-gradient(ellipse at center, rgba(0, 163, 82, 1) 0%, rgba(2, 114, 59, 1) 100%);
}
&__file {
&--pdf {
background: radial-gradient(ellipse at center, rgba(250, 97, 97, 1) 0%, rgba(251, 19, 19, 1) 100%);
}

&--ppt {
background: radial-gradient(ellipse at center, rgba(250, 109, 77, 1) 0%, rgba(208, 71, 40, 1) 100%);
&--sheets {
background: radial-gradient(ellipse at center, rgba(0, 163, 82, 1) 0%, rgba(2, 114, 59, 1) 100%);
}

&--ppt {
background: radial-gradient(ellipse at center, rgba(250, 109, 77, 1) 0%, rgba(208, 71, 40, 1) 100%);
}
}
}

&__type {
overflow: hidden;
flex: 0 0 auto;
&__type {
overflow: hidden;
flex: 0 0 auto;

max-width: 100%;
padding: 0 10px;
max-width: 100%;
padding: 0 10px;

text-overflow: ellipsis;
text-overflow: ellipsis;

color: white;
color: white;

font-size: 10px;
}
font-size: 10px;
}

&__name {
&__name {

overflow: hidden;
overflow: hidden;

min-width: 0;
margin: 0 8px;
min-width: 0;
margin: 0 8px;

white-space: nowrap;
text-overflow: ellipsis;
white-space: nowrap;
text-overflow: ellipsis;

color: #2f343d;
color: #2f343d;

font-size: 14px;
line-height: 1.5;
}
font-size: 14px;
line-height: 1.5;
}

&__details {
margin: 0 8px 2px;
&__details {
margin: 0 8px 2px;

white-space: nowrap;
text-overflow: ellipsis;
white-space: nowrap;
text-overflow: ellipsis;

font-size: 12px;
}
font-size: 12px;
}

&__bold {
font-weight: 600;
}
&__bold {
font-weight: 600;
}

&__content {
display: flex;
&__content {
display: flex;

overflow: hidden;
flex-direction: column;
overflow: hidden;
flex-direction: column;

flex: 1 1 100%;
flex: 1 1 100%;

color: #9ea2a8;
color: #9ea2a8;
}
}
}

Expand Down
4 changes: 0 additions & 4 deletions app/theme/client/imports/general/base.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -257,10 +257,6 @@ button {
animation-delay: -0.16s;
}

.file-picker-loading .loading-animation > .bounce {
background-color: #444444;
}

@keyframes loading-bouncedelay {
0%,
80%,
Expand Down
1 change: 1 addition & 0 deletions app/webdav/client/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ import './actionButton';
import './addWebdavAccount.html';
import './addWebdavAccount';
import './webdavFilePicker.html';
import './webdavFilePicker.css';
import './webdavFilePicker';
import './selectWebdavAccount.html';
import './selectWebdavAccount';
Expand Down
3 changes: 2 additions & 1 deletion app/webdav/client/startup/messageBoxActions.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,8 +49,9 @@ Meteor.startup(function() {
accountId: account._id,
},
title,
modifier: 'modal',
content: 'webdavFilePicker',
showCancelButton: true,
showCancelButton: false,
showFooter: false,
showConfirmButton: false,
closeOnCancel: true,
Expand Down
134 changes: 134 additions & 0 deletions app/webdav/client/webdavFilePicker.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,134 @@
.webdav {
display: flex;
flex-direction: column;

height: 60vh;

padding: 0;

& &__file-icon,
& &__file-name,
& &__file-date {
overflow: hidden;

white-space: nowrap;
text-overflow: ellipsis;
}

& &__file-name,
& &__file-size,
& &__file-date {
min-width: 80px;
}

& &__file-icon {
width: 36px;
}

.file-picker-loading .loading-animation > .bounce {
background-color: #444444;
}

.current-folder-path {
display: flex;
flex-direction: row;

height: 25px;

.webdav_parent_folder {
padding: 0 5px;

cursor: pointer;

border-radius: 5px;
background-color: #e0e0e0;
}
}

.webdav-path-breadcrumb {
overflow: hidden;

margin-bottom: 12px;
padding-bottom: 3px;

list-style: none;

font-size: 16px;

.webdav-breadcrumb-item {
display: block;
float: left;

.webdav-breadcrumb-folder {
padding: 3px;

cursor: pointer;

&:hover {
border-radius: 5px;
background: #f1f3f4;
}
}
}
}

.rc-table-content {
display: flex;
overflow-x: auto;
flex-direction: column;
flex: 1 1 100%;

border-top: 1px solid rgba(216, 216, 216, 0.4);

& tr {
color: #444444;
}

& .js-sort {
cursor: pointer;

&.is-sorting .table-fake-th .rc-icon {
opacity: 1;
}
}

& .table-fake-th {
color: #444444;

&:hover .rc-icon {
opacity: 1;
}

& .rc-icon {
transition: opacity 0.3s;

opacity: 0;

font-size: 1rem;
}

& #webdav-go-back .rc-icon {
cursor: pointer;

opacity: 1;
}
}

& .table-tr-dummy {
height: 10px;
}

& .center-cell {
text-align: center;
}
}

@media (width <= 980px) {
.rc-table-content {
& th:not(:first-child),
& td:not(:first-child) {
display: none;
}
}
}
}
Loading

0 comments on commit db3a3c6

Please sign in to comment.