Permalink
Browse files

Details on Download Only template

  • Loading branch information...
1 parent 0764af7 commit 981f1dcbd87a1e5c2da72d8cab5fad0c9dbd5423 @cdujeu cdujeu committed Sep 8, 2016
@@ -372,8 +372,12 @@
<div id="cpane_container" ajxpClass="AjxpPane" ajxpOptions='{"fit":"height","fitParent":"browser"}'>
<div id="logo_widget" class="widget_logo" ajxpClass="LogoWidget" ajxpOptions='{"imageParameter":"gui.ajax/CUSTOM_MINISITE_LOGO"}'></div>
</div>
- <div id="reactDLTemplate" ajxpClass="AjxpReactComponent" ajxpOptions='{"componentNamespace":"ShareTemplates","componentName":"DLTemplate"}'></div>
- <div id="share_toolbar" ajxpClass="ActionsToolbar" ajxpOptions='{"toolbarsList":["minisite-share-actions"], "skipCarousel":true}'></div>
+ <div class="vertical-align">
+ <div class="vertical-align-center">
+ <div id="reactDLTemplate" ajxpClass="AjxpReactComponent" ajxpOptions='{"componentNamespace":"ShareTemplates","componentName":"DLTemplate"}'></div>
+ <div id="share_toolbar" ajxpClass="ActionsToolbar" ajxpOptions='{"toolbarsList":["minisite-share-actions"], "skipCarousel":true}'></div>
+ </div>
+ </div>
</div>
]]></template>
<template name="minisite_bare" element="ajxp_embed_template" position="top" label="share_center.155"><![CDATA[
@@ -392,17 +392,34 @@ div#overlay.form-login_form_dynamic {
height: 90px !important;
width: auto;
}
-#ajxp_unique_dl #reactDLTemplate {
+#ajxp_unique_dl div.vertical-align {
position: absolute;
width: 100%;
- height: 90%;
+ height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
+#ajxp_unique_dl div.vertical-align div.vertical-align-center {
+ margin: 0 auto;
+}
+#ajxp_unique_dl div#share_toolbar {
+ margin-top: 10px;
+ text-align: center;
+}
+#ajxp_unique_dl div#share_toolbar a#share_current_page_button {
+ display: block !important;
+ text-align: center;
+ color: #ffffff;
+ font-size: 12px;
+ font-weight: 500;
+}
+#ajxp_unique_dl div#share_toolbar a#share_current_page_button span.ajxp_icon_span {
+ display: none;
+}
#ajxp_unique_dl #reactDLTemplate .download-block {
cursor: pointer;
width: auto;
@@ -486,23 +503,6 @@ div#overlay.form-login_form_dynamic {
#ajxp_unique_dl #reactDLTemplate .download-block.dl-started span.mdi.mdi-download {
opacity: 0.3;
}
-#ajxp_unique_dl div#share_toolbar {
- position: absolute;
- right: 0;
- left: 0;
- width: 100%;
- bottom: 20px;
- text-align: center;
-}
-#ajxp_unique_dl div#share_toolbar a#share_current_page_button {
- display: block !important;
- text-align: center;
- color: rgba(255, 255, 255, 0.8);
- font-size: 14px;
-}
-#ajxp_unique_dl div#share_toolbar a#share_current_page_button span.ajxp_icon_span {
- display: none;
-}
#ajxp_film_strip #minisite_toolbar span.actionbar_button_label,
#ajxp_film_strip #inline_toolbar span.actionbar_button_label {
display: inline-block;
@@ -356,12 +356,34 @@ div#overlay.form-login_form_dynamic {
}
}
- #reactDLTemplate{
+ div.vertical-align{
position: absolute;
width: 100%;
- height: 90%;
+ height: 100%;
display: flex;
align-items: center;
+ div.vertical-align-center{
+ margin: 0 auto;
+ }
+ }
+
+ div#share_toolbar{
+ margin-top: 10px;
+ text-align: center;
+ a#share_current_page_button{
+ display:block !important;
+ text-align: center;
+ color: rgba(255,255,255,1);
+ font-size: 12px;
+ font-weight: 500;
+ span.ajxp_icon_span{
+ display: none;
+ }
+ }
+ }
+
+
+ #reactDLTemplate{
.download-block{
cursor: pointer;
width: auto;
@@ -442,24 +464,6 @@ div#overlay.form-login_form_dynamic {
}
}
}
- div#share_toolbar{
- position: absolute;
- right: 0;
- left: 0;
- width: 100%;
- bottom: 20px;
- text-align: center;
- a#share_current_page_button{
- display:block !important;
- text-align: center;
- color: rgba(255,255,255,0.8);
- font-size: 14px;
- span.ajxp_icon_span{
- display: none;
- }
- }
- }
-
}
#ajxp_film_strip{
@@ -70,17 +70,9 @@
fileDetails = (
<div className="dl-details">
<div className="row">
- <span className="label">{this.props.pydio.MessageHash[413]}</span>
- <span className="value">{owner}</span>
- </div>
- <div className="row">
<span className="label">{this.props.pydio.MessageHash[503]}</span>
<span className="value">{this.state.node.getMetadata().get('filesize')}</span>
</div>
- <div className="row">
- <span className="label">{this.props.pydio.MessageHash[3]}</span>
- <span className="value">{this.state.node.getMetadata().get('mimestring')}</span>
- </div>
<div className="click-legend">{this.props.pydio.MessageHash['share_center.231']}</div>
</div>
);

0 comments on commit 981f1dc

Please sign in to comment.