Permalink
Browse files

My Account improvements

  • Loading branch information...
1 parent 2ac4d41 commit 5635472a7a49be58ebe251770c76713ac061dec6 @cdujeu cdujeu committed Sep 10, 2016
@@ -5,20 +5,6 @@
#userdashboard_main_tab div.header_resizer div.header_label {
padding-top: 7px;
}
-#userdashboard_main_tab div.class-FetchedResultPane {
- background-color: #ffffff;
-}
-#userdashboard_main_tab div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed {
- padding: 8px 4px;
- border-bottom: 1px solid rgba(0, 0, 0, 0.03);
-}
-#userdashboard_main_tab div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbLabel {
- padding-top: 7px;
- font-size: 14px;
-}
-#userdashboard_main_tab div.class-FetchedResultPane div.thumbnail_selectable_cell.selected-focus {
- background-color: #fb725c !important;
-}
#userdashboard_main_tab.horizontal_tabulator {
display: block;
position: relative;
@@ -45,7 +31,8 @@
color: white !important;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorContainer span.toggleHeader span[class^="icon-"],
-#userdashboard_main_tab.horizontal_tabulator div.tabulatorContainer span.toggleHeader span[class*=" icon-"] {
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorContainer span.toggleHeader span[class*=" icon-"],
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorContainer span.toggleHeader span.mdi {
display: inline;
float: right;
font-size: 18px;
@@ -70,32 +57,94 @@
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div#account_pane {
overflow-y: auto;
}
-#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div#account_pane .title-flex {
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div .title-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
-#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div#account_pane .title-flex h3 {
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div .title-flex h3 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
-#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div#account_pane .title-flex div.actionBar {
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div .title-flex div.actionBar,
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div .title-flex div.action_bar {
margin: 20px 20px 0 0;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div .action_bar,
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div #buttons_bar {
background-color: white !important;
+ padding-bottom: 20px;
border-bottom: 0;
}
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div .action_bar a,
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div #buttons_bar a {
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24), 0 1px 6px rgba(0, 0, 0, 0.12);
+ margin: 0 3px;
+ display: inline-block;
+ border-radius: 2px !important;
+ padding: 7px 16px;
+ height: auto;
+}
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div .action_bar a span.actionbar_button_label,
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div #buttons_bar a span.actionbar_button_label {
+ font-size: 14px;
+}
+@media only screen and (max-width: 720px) {
+ #userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div .action_bar a span.ajxp_icon_span,
+ #userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div #buttons_bar a span.ajxp_icon_span {
+ display: block !important;
+ margin: 0 0 10px;
+ }
+}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div h3.dashboard_panel_title {
- position: absolute;
- top: 18px;
- left: 16px;
- font-size: 28px;
- font-weight: 300;
- margin: 0;
- color: rgba(0, 0, 0, 0.83);
+ margin-top: 16px;
+ padding-left: 20px;
+ font-size: 24px;
+ line-height: 32px;
+ font-weight: 400;
+ color: rgba(0, 0, 0, 0.87);
+}
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane {
+ border-top: 1px solid #fafafa;
+ background-color: #ffffff;
+}
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane#shared_files_list {
+ border-top: 1px solid #eaeaea;
+}
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed {
+ padding: 10px 5px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.03);
+ transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
+}
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbLabel {
+ padding-top: 7px;
+ font-size: 14px;
+}
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell {
+ padding-right: 11px;
+}
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane div.thumbnail_selectable_cell.selected-focus {
+ background-color: #ff6a3c !important;
+}
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane .sort-table tr {
+ background-color: white !important;
+}
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane .sort-table tr td {
+ border-bottom: 1px solid #eaeaea;
+ padding: 10px ;
+}
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane .sort-table tr.selected-focus {
+ background-color: #ff6a3c !important;
+}
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane .sort-table tr.selected-focus td {
+ border-bottom: 0;
+}
+#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane .sort-table tr h3 {
+ padding: 5px 5px 10px;
+ font-size: 1em;
+ color: #00897B;
+ border-bottom: 0;
}
@media only screen and (max-width: 800px) {
#userdashboard_main_tab.horizontal_tabulator div.tabulatorContainer {
@@ -11,21 +11,6 @@
padding-top: 7px;
}
- div.class-FetchedResultPane{
- background-color: #ffffff;
- div.thumbnail_selectable_cell.detailed{
- padding: 8px 4px;
- border-bottom: 1px solid rgba(0,0,0,0.03);
- div.thumbLabel{
- padding-top: 7px;
- font-size: 14px;
- }
- }
- div.thumbnail_selectable_cell.selected-focus{
- background-color: #fb725c !important;
- }
- }
-
&.horizontal_tabulator {
display: block;
@@ -51,7 +36,7 @@
&.toggleInactive{
color: white !important;
}
- span[class^="icon-"], span[class*=" icon-"]{
+ span[class^="icon-"], span[class*=" icon-"], span.mdi{
display: inline;
float: right;
font-size: 18px;
@@ -77,30 +62,87 @@
box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
&#account_pane{
overflow-y: auto;
- .title-flex{
- display: flex;
- h3{
- flex: 1;
- }
- div.actionBar{
- margin: 20px 20px 0 0;
- }
+ }
+ .title-flex{
+ display: flex;
+ h3{
+ flex: 1;
+ }
+ div.actionBar, div.action_bar{
+ margin: 20px 20px 0 0;
}
-
-
}
.action_bar, #buttons_bar{
background-color: white !important;
+ padding-bottom: 20px;
border-bottom: 0;
+ a{
+ box-shadow:0 1px 4px rgba(0, 0, 0, 0.24), 0 1px 6px rgba(0, 0, 0, 0.12);
+ margin: 0 3px;
+ display: inline-block;
+ border-radius: 2px !important;
+ padding: 7px 16px;
+ height: auto;
+ span.actionbar_button_label{
+ font-size: 14px;
+ }
+ @media only screen and (max-width: 720px){
+ span.ajxp_icon_span {
+ display: block !important;
+ margin: 0 0 10px;
+ }
+ }
+ }
}
h3.dashboard_panel_title{
- position: absolute;
- top: 18px;
- left: 16px;
- font-size: 28px;
- font-weight: 300;
- margin: 0;
- color: rgba(0,0,0,0.83);
+ margin-top: 16px;
+ padding-left: 20px;
+ font-size: 24px;
+ line-height: 32px;
+ font-weight: 400;
+ color: rgba(0, 0, 0, 0.87);
+ }
+ div.class-FetchedResultPane{
+ border-top: 1px solid rgb(250,250,250);
+ &#shared_files_list{
+ border-top:1px solid #eaeaea;
+ }
+ background-color: #ffffff;
+ div.thumbnail_selectable_cell.detailed{
+ padding: 10px 5px;
+ border-bottom: 1px solid rgba(0,0,0,0.03);
+ transition: @bezier_transition;
+ div.thumbLabel{
+ padding-top: 7px;
+ font-size: 14px;
+ }
+ div.thumbnail_selectable_cell{
+ padding-right: 11px;
+ }
+ }
+ div.thumbnail_selectable_cell.selected-focus{
+ background-color: lighten(#ff5722, 5) !important;
+ }
+
+ .sort-table tr{
+ background-color: white !important;
+ td{
+ border-bottom: 1px solid rgb(234,234,234);
+ padding: 10px ;
+ }
+ &.selected-focus{
+ background-color: lighten(#ff5722, 5) !important;
+ td{
+ border-bottom: 0;
+ }
+ }
+ h3 {
+ padding: 5px 5px 10px;
+ font-size: 1em;
+ color: #00897B;
+ border-bottom: 0;
+ }
+ }
}
}
}
@@ -98,37 +98,6 @@
</script>
]]></template_part>
<template_part ajxpId="orbit_content" ajxpClass="AjxpPane" ajxpOptions='{"fit":"height","fitParent":"ajxp_desktop", "fakeOptionUser":"true", "messageBoxReference":true}' theme="orbit"><![CDATA[
- <style>
- div.flat_tabulator span.toggleHeader{
- background-color: #fb725c;
- }
- .largeButton, .SF_input.SF_inlineButton{
- background-color: #fb725c;
- }
- #account_pane .action_bar{
- text-align: right;
- }
- .action_bar a{
- cursor: pointer;
- }
- div.class-FetchedResultPane{
- background-color: #f8f8f8;
- }
- .action_bar, #buttons_bar{
- background-color: #f8f8f8;
- height: 32px;
- border-bottom: 1px solid rgba(0,0,0,0.08);
- padding:18px 14px 12px;
- text-align: right;
- }
- .action_bar span.actionbar_button_label{
- font-size: 11px;
- }
- .flat_tabulator div.panelHeader.tabulatorContainer{
- background-color: #30383A;
- padding-top: 10px;
- }
- </style>
<div id="userdashboard_myparams_title" ajxp_message_id="user_dash.title">
<a id="dash_back_workspace" onclick="ajaxplorer.triggerRepositoryChange('ajxp_home'); return false;"><span class="icon-chevron-left"></span> AJXP_MESSAGE[user_dash.53]</a>
<span id="dash_title">AJXP_MESSAGE[user_dash.title]</span>
@@ -149,8 +118,10 @@
tabInfo='{"id":"info","label":"user_dash.46", "title":"user_dash.47","iconClass":"icon-book", "element":"my-users-pane", "position":2,"dontFocus":true}'
paneInfo='{"type":"widget"}'><![CDATA[
<div id="my-users-pane" ajxpClass="AjxpPane" class="tabbed_editor">
- <div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"dataModelElementId":"address_book","toolbarsList":["change","address_book"],"skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}'></div>
- <h3 class="dashboard_panel_title">AJXP_MESSAGE[user_dash.46]</h3>
+ <div class="title-flex">
+ <h3 class="dashboard_panel_title">AJXP_MESSAGE[user_dash.46]</h3>
+ <div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"dataModelElementId":"address_book","toolbarsList":["change","address_book"],"skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}'></div>
+ </div>
<div id="address_book" ajxpClass="FetchedResultPane" ajxpOptions='{"updateGlobalContext":false,"nodeProviderProperties":{"get_action":"ls","dir":"users"}, "displayMode":"detail","replaceScroller":true, "fit":"height", "cellPaddingCorrection":6, "iconBgPosition" : "5px 4px"}'></div>
</div>
]]></additional_tab>
@@ -428,11 +428,13 @@
</component_config>
<component_config className="AjxpTabulator::userdashboard_main_tab">
<additional_tab id="shared_pane2"
- tabInfo='{"id":"my-shared2","iconClass":"icon-share","element":"shared_pane2","closeable":false,"label":"share_center.98","title":"share_center.99","dontFocus":true,"position":4}'
+ tabInfo='{"id":"my-shared2","iconClass":"mdi mdi-share-variant","element":"shared_pane2","closeable":false,"label":"share_center.98","title":"share_center.99","dontFocus":true,"position":4}'
paneInfo='{"type":"widget"}'><![CDATA[
<div id="shared_pane2" ajxpClass="AjxpPane" class="tabbed_editor">
- <div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"dataModelElementId":"shared_files_list","toolbarsList":["share_list_toolbar-selection", "share_list_toolbar"],"skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}'></div>
- <h3 class="dashboard_panel_title">AJXP_MESSAGE[share_center.98]</h3>
+ <div class="title-flex">
+ <h3 class="dashboard_panel_title">AJXP_MESSAGE[share_center.98]</h3>
+ <div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"dataModelElementId":"shared_files_list","toolbarsList":["share_list_toolbar-selection", "share_list_toolbar"],"skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}'></div>
+ </div>
<div id="shared_files_list" ajxpClass="FetchedResultPane" ajxpOptions='{"displayMode":"list", "fixedDisplayMode":"list", "groupByData":"1", "fit":"height","selectionChangeCallback":false,"updateGlobalContext":false,"nodeProviderProperties":{"get_action":"sharelist-load","user_context":"current"}}'></div>
</div>
]]></additional_tab>
@@ -27,8 +27,10 @@
tabInfo='{"id":"my-api-data","iconClass":"icon-key","element":"apikeys_pane","closeable":false,"label":"keystore.1","title":"keystore.2","dontFocus":true,"position":6}'
paneInfo='{"type":"widget"}'><![CDATA[
<div id="apikeys_pane" ajxpClass="ApikeysPane" ajxpOptions='{}' class="tabbed_editor" style="position:relative;">
- <div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"toolbarsList":["keystore_bar"]}'></div>
- <h3 class="dashboard_panel_title">AJXP_MESSAGE[keystore.1]</h3>
+ <div class="title-flex">
+ <h3 class="dashboard_panel_title">AJXP_MESSAGE[keystore.1]</h3>
+ <div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"toolbarsList":["keystore_bar"]}'></div>
+ </div>
<div id="token_results"><span class="mdi mdi-close"></span><div id="token_results_content"></div></div>
<div style="padding:10px;overflow: auto;" class="fit_me_to_bottom">
<h2>AJXP_MESSAGE[keystore.9]</h2>
@@ -17,7 +17,7 @@
<external_file filename="plugins/core.conf/standard_conf_actions.xml" include="actions/*,client_configs/*" exclude=""/>
<actions>
<action name="user_team_create">
- <gui src="delete.png" iconClass="icon-create" text="user_dash.57" title="user_dash.57">
+ <gui src="delete.png" iconClass="icon-plus" text="user_dash.57" title="user_dash.57">
<context dir="false" recycle="false" selection="false" actionBar="true" actionBarGroup="team_address_book"/>
</gui>
<processing>
@@ -123,8 +123,10 @@
tabInfo='{"id":"team_pane","position":2,"iconClass":"icon-group","element":"team_pane","closeable":false,"label":"user_dash.50","title":"user_dash.51","dontFocus":true}'
paneInfo='{"type":"widget"}'><![CDATA[
<div id="team_pane" ajxpClass="AjxpPane" ajxpOptions='{"fit":"height"}'>
- <div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"dataModelElementId":"team_panel","toolbarsList":["team_address_book"],"skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}'></div>
- <h3 class="dashboard_panel_title">AJXP_MESSAGE[user_dash.50]</h3>
+ <div class="title-flex">
+ <h3 class="dashboard_panel_title">AJXP_MESSAGE[user_dash.50]</h3>
+ <div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"dataModelElementId":"team_panel","toolbarsList":["team_address_book"],"skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}'></div>
+ </div>
<div id="team_panel" ajxpClass="FetchedResultPane" ajxpOptions='{"updateGlobalContext":false,"nodeProviderProperties":{"get_action":"ls","dir":"teams"}}' class="tabbed_editor display_metadata"></div>
</div>
]]></additional_tab>
@@ -634,8 +634,10 @@
tabInfo='{"id":"my-webdav-data","iconClass":"icon-cog","element":"webdav_pane","closeable":false,"label":"403","title":"403","dontFocus":true,"position":3}'
paneInfo='{"type":"widget"}'><![CDATA[
<div id="webdav_pane" ajxpClass="WebDAVprefsEditor" class="tabbed_editor">
- <div class="action_bar" style="height: 33px;">&nbsp;</div>
- <h3 class="dashboard_panel_title">AJXP_MESSAGE[403]</h3>
+ <div class="title-flex">
+ <h3 class="dashboard_panel_title">AJXP_MESSAGE[403]</h3>
+ <div class="action_bar" style="height: 33px;">&nbsp;</div>
+ </div>
<div style="padding:10px;overflow: auto;" class="fit_me_to_bottom">
<div style="padding:10px;"><input type="checkbox" id="webdav_activator" style="width:16px;" name="webdav_activator"> <label for="webdav_activator">AJXP_MESSAGE[406]</label></div>
<div class="dialogLegend" style="margin-bottom: 2px;padding: 10px;" ajxp_message_id="404">AJXP_MESSAGE[404]</div>

0 comments on commit 5635472

Please sign in to comment.