WIP styling adjustments

This commit is contained in:
Hadi Nategh 2022-09-12 14:22:10 +02:00
parent fcf9195e56
commit 02164c2cae
8 changed files with 35 additions and 124 deletions

View File

@ -4267,7 +4267,7 @@ span.overlayContainer img.overlay {
#egw_fw_header #egw_fw_topmenu {
position: absolute;
display: none;
right: 5px;
right: 2px;
width: 241px;
z-index: 1001;
top: 46px;

View File

@ -932,12 +932,12 @@
background-size: 12px 12px;
background-position: 1px 0;
margin-right: 9px;
margin-left: 4px;
margin-left: 3px;
}
.sidebox-favorites ul.favorites li.ui-menu-item a div.sideboxstar {
width: 4px;
height: 12px;
margin-left: 5px;
margin-left: 4px;
margin-right: 10px;
background-image: url(../../api/templates/default/images/fav_filter.svg);
background-size: 12px 12px;
@ -5097,7 +5097,7 @@ span.overlayContainer img.overlay {
width: 12px;
height: 12px;
padding: 0px;
margin: 0px 6px;
margin: 0px 5px;
float: left;
}
.egw_fw_ui_sidemenu_listitem input {
@ -5302,7 +5302,7 @@ span.overlayContainer img.overlay {
width: 45px;
border-left: 1px solid #bfc0bf;
display: inline-block;
padding-left: 3px;
padding-left: 0px;
float: right;
background-size: 20px;
background-position: center center;
@ -5889,7 +5889,6 @@ button.image_button {
table.egwGridView_outer {
background-color: transparent;
border-spacing: 0px;
font-size: 0.9em;
}
table.egwGridView_outer thead {
max-height: 118px;
@ -6477,117 +6476,6 @@ a.textSidebox {
* @package pixelegg
* @version $Id$
*/
/**
* EGroupware: CSS with less preprocessor
*
* Definitions for tutorials
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Hadi NAtegh <hn@stylite.de>
* @package phpgwapi
* @version $Id$
*/
span.egw_tutorial_title {
color: black;
font-weight: bold;
text-align: left;
width: 99%;
background-color: #D6DEF0;
border: 1px solid #B3B3B3;
padding-top: 4px;
padding-left: 5px;
padding-bottom: 5px;
border-radius: 2px;
text-overflow: ellipsis;
white-space: nowrap;
overflow-x: hidden;
}
.egw_tutorial_thumb:hover [id^="egw_tutorial_"][id$="_play"].egw_tutorial_playBtn,
.egw_tutorial_thumb:hover #home-tutorial_play.egw_tutorial_playBtn {
background-color: #FF0000;
opacity: 0.68;
}
.egw_tutorial_thumb:hover [id^="egw_tutorial_"][id$="_play"].egw_tutorial_playBtn > div,
.egw_tutorial_thumb:hover #home-tutorial_play.egw_tutorial_playBtn > div {
border-left-color: white;
}
.egw_tutorial_thumb {
background-repeat: no-repeat;
background-position: -2px;
border-radius: 5px;
display: block !important;
}
[id^="egw_tutorial_"][id$="_play"].egw_tutorial_playBtn,
#home-tutorial_play.egw_tutorial_playBtn {
display: block;
margin: 10%;
border: 2px solid rgba(0, 0, 0, 0.7);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
width: 40px;
height: 40px;
cursor: pointer;
}
[id^="egw_tutorial_"][id$="_play"].egw_tutorial_playBtn > div,
#home-tutorial_play.egw_tutorial_playBtn > div {
display: block;
position: relative;
top: 10px;
left: 45%;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid rgba(0, 0, 0, 0.8);
}
[id^="egw_tutorial_"][id$="sidebox_list"] {
overflow-x: hidden;
overflow-y: auto;
max-height: 200px;
}
#list_grid_wrapper {
max-height: 200px;
}
#home-tutorial_list {
float: left;
}
#home-tutorial_list .egw_tutorial_thumb {
display: block;
}
#home-tutorial_list .th .et2_label {
font-size: 12px;
padding-left: 7px;
}
#home-tutorial_list .th #home-tutorial_apps {
margin-left: 5px;
}
#home-tutorial_list tbody td:first-child {
padding-top: 4px;
}
#home-tutorial_src {
border-left: 6px solid #E0E0E0;
}
.tutorial_popup {
background-color: white;
padding-top: 5px;
overflow-y: hidden;
}
.tutorial_videoList {
overflow-x: hidden;
overflow-y: auto;
height: 100%;
display: inline-block !important;
}
div.tutorial_iframe_wrapper {
position: absolute;
left: 225px;
right: 12px;
height: 90%;
}
span.egw_tutorial_title {
color: #FFFFFF;
font-weight: bold;

View File

@ -38,6 +38,14 @@ $colors = array(
'#84CA8C' => lang('DarkGreen'),
'#b4b4b4' => lang('Gray'),
);
$textsize = array (
's' => lang('small'),
'm' => lang('medium'),
'l' => lang('large'),
'xl' => lang('x-large')
);
asort($colors);
$colors['custom'] = lang('Custom color'); // custom allways last
$template_colors = array();
@ -123,6 +131,24 @@ $GLOBALS['settings'] = array(
'xmlrpc' => True,
'admin' => False,
),
'universalaccesssection' => array(
'type' => 'section',
'title' => lang('Universal Access'),
'no_lang'=> true,
'xmlrpc' => False,
'admin' => False,
),
'textsize' => array(
'type' => 'select',
'label' => 'Set content size',
'no_lang' => true,
'name' => 'textsize',
'help' => lang('It sets content size (text only) according to selected size.'),
'xmlrpc' => True,
'values' => $textsize,
'default' => 'm',
'admin' => False,
),
'navbar_format' => false, // not used in JDots (defined in common prefs)
'default_app' => false, // not used in JDots, as we can have multiple tabs open ...
);

View File

@ -759,13 +759,13 @@ div.header_row_right{
background-size: 12px 12px;
background-position: 1px 0;
margin-right: 9px;
margin-left: 4px;
margin-left: 3px;
}
// Bulltpoints
div.sideboxstar {
width: 4px;
height: 12px;
margin-left: 5px;
margin-left: 4px;
margin-right: 10px;
background-image: url(../../api/templates/default/images/fav_filter.svg);
background-size: 12px 12px;

View File

@ -31,7 +31,7 @@
width: 45px;
border-left: 1px solid #bfc0bf;
display: inline-block;
padding-left: 3px;
padding-left: 0px;
float: right;
background-size: 20px;
background-position: center center;

View File

@ -589,9 +589,8 @@
/*display: none;*/
.dimension_width_height_xs;
padding: 0px;
margin: 0px 6px;
margin: 0px 5px;
float: left;
}
input {

View File

@ -65,7 +65,6 @@ table.egwGridView_outer{
background-color:transparent;
// max-width: 100%;
border-spacing: 0px;
font-size: 0.9em;
thead {
max-height: 118px;

View File

@ -12,7 +12,6 @@
* @version $Id$
*/
@import (reference) "definitions.less";
@import (less) "../../api/templates/default/def_tutorials.css";
span.egw_tutorial_title {
color: #FFFFFF;