mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-25 01:13:25 +01:00
Improve styling of nm header row and widgets inside
This commit is contained in:
nathan
parent
0f729b7a1b
commit
e689d0c49d
@ -104,29 +104,7 @@ div.city_state_postcode #addressbook-edit_adr_one_postalcode {margin-right: 5px
|
||||
.addressbookHooked .egwGridView_grid label>span.et2_link {
|
||||
display: none;
|
||||
}
|
||||
/**
|
||||
* adjust width of select-boxes in nextmatch
|
||||
*/
|
||||
#addressbook-index .filtersContainer {
|
||||
position: absolute;
|
||||
/* it messes with vertical alignment top: 0; Required for Chrome 76+ on Windows */
|
||||
left: 348px;
|
||||
right: 225px;
|
||||
}
|
||||
#addressbook-index .filtersContainer select {
|
||||
width: 31.5%;
|
||||
}
|
||||
/* category filter chosen. !important is neccessary to override the width set by chosen*/
|
||||
#addressbook-index .nextmatch_header_row .et2_selectbox.select-cat {min-width:auto;width: 31.5% !important;}
|
||||
select#addressbook-index_col_filter\[tid\] {
|
||||
width: 100px;
|
||||
}
|
||||
#addressbook-index_addressbook-index-row select, #addressbook-index_addressbook-index-row et2-select {
|
||||
float: right;
|
||||
width: 132px;
|
||||
display: inline-block;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
et2-button#addressbook-index_nm_advanced-search {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
@ -119,33 +119,6 @@ div.city_state_postcode #addressbook-edit_adr_one_postalcode {
|
||||
.addressbookHooked .egwGridView_grid label > span.et2_link {
|
||||
display: none;
|
||||
}
|
||||
/**
|
||||
* adjust width of select-boxes in nextmatch
|
||||
*/
|
||||
#addressbook-index .filtersContainer {
|
||||
position: absolute;
|
||||
/* it messes with vertical alignment top: 0; Required for Chrome 76+ on Windows */
|
||||
left: 348px;
|
||||
right: 225px;
|
||||
}
|
||||
#addressbook-index .filtersContainer select {
|
||||
width: 31.5%;
|
||||
}
|
||||
/* category filter chosen. !important is neccessary to override the width set by chosen*/
|
||||
#addressbook-index .nextmatch_header_row .et2_selectbox.select-cat {
|
||||
min-width: auto;
|
||||
width: 31.5% !important;
|
||||
}
|
||||
select#addressbook-index_col_filter\[tid\] {
|
||||
width: 100px;
|
||||
}
|
||||
#addressbook-index_addressbook-index-row select,
|
||||
#addressbook-index_addressbook-index-row et2-select {
|
||||
float: right;
|
||||
width: 132px;
|
||||
display: inline-block;
|
||||
height: 20px;
|
||||
}
|
||||
et2-button#addressbook-index_nm_advanced-search {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
@ -51,6 +51,9 @@ export class Et2Favorites extends Et2DropdownButton implements et2_INextmatchHea
|
||||
return [
|
||||
...super.styles,
|
||||
css`
|
||||
:host {
|
||||
min-width: 8ex;
|
||||
}
|
||||
et2-image {
|
||||
height: 2ex;
|
||||
padding: 0px;
|
||||
|
||||
@ -1421,7 +1421,6 @@ li.vfsPath.et2_clickable:not(:first-child):after {
|
||||
background-size: 16px;
|
||||
background-position: center;
|
||||
background-position-x: 98%;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
div.et2_vfsPath li:hover {
|
||||
@ -2186,6 +2185,8 @@ lion-validation-feedback[type] {
|
||||
padding-top: 1px;
|
||||
padding-bottom: 5px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
gap: 1ex;
|
||||
}
|
||||
|
||||
.nextmatch_header .header_count {
|
||||
@ -2206,23 +2207,22 @@ lion-validation-feedback[type] {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.nextmatch_header .et2_dropdown button {
|
||||
border: 1px solid silver;
|
||||
.nextmatch_header_row .filtersContainer {
|
||||
flex: 5 1 auto;
|
||||
}
|
||||
|
||||
.nextmatch_header_row > select, .nextmatch_header_row > label > select {
|
||||
.nextmatch_header_row .search {
|
||||
}
|
||||
|
||||
.nextmatch_header_row > div > et2-select, .nextmatch_header_row > div > et2-select-cat {
|
||||
max-width: 14%;
|
||||
margin-right: 2ex;
|
||||
}
|
||||
|
||||
.nextmatch_header_row > .header_row_right {
|
||||
float: right;
|
||||
padding-right: 1ex;
|
||||
order: 10;
|
||||
}
|
||||
|
||||
.nextmatch_header_row > .header_row_right > * {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.et2_nextmatch .nextmatch_header {
|
||||
@ -2237,20 +2237,10 @@ lion-validation-feedback[type] {
|
||||
gap: 1ex;
|
||||
}
|
||||
|
||||
/* Firefox only search clear button */
|
||||
.et2_nextmatch .nextmatch_header_row input[type="search"] + span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
top: 4px;
|
||||
margin-left: -16px;
|
||||
/* Clear icon (x) ui-icon-clear */
|
||||
background-position: -80px -128px;
|
||||
}
|
||||
|
||||
/* Favorites */
|
||||
.nextmatch_header div[id$=favorite_wrapper] {
|
||||
position: relative;
|
||||
float: left;
|
||||
order: 99;
|
||||
}
|
||||
|
||||
#nm_favorites_popup_filters .filter_id,
|
||||
@ -2885,20 +2875,25 @@ div.et2_toolbar.ui-widget-header {
|
||||
padding-left: 0;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
.nextmatch_header_row et2-button, .nextmatch_header_row et2-searchbox, .et2_toolbar et2-button {
|
||||
|
||||
.et2_toolbar et2-button {
|
||||
margin-right: 1ex;
|
||||
min-width: 24px;
|
||||
}
|
||||
.nextmatch_header_row et2-button::part(container){
|
||||
|
||||
.nextmatch_header_row et2-button::part(container) {
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.nextmatch_header_row et2-button img {
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
et2-button.transparent-button {
|
||||
border: none;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
et2-button.transparent-button::part(container) {
|
||||
width: auto;
|
||||
height: auto;
|
||||
@ -2941,27 +2936,10 @@ et2-button.transparent-button::part(container) {
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.et2_toolbar div.chzn-container-multi, .nextmatch_header_row div.chzn-container-multi {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.et2_toolbar .chzn-container-multi ul.chzn-choices, .nextmatch_header_row .chzn-container-multi ul.chzn-choices {
|
||||
border-radius: 3px;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
|
||||
.et2_toolbar .chzn-container-multi li.search-choice, .nextmatch_header_row .chzn-container-multi li.search-choice {
|
||||
margin: 1px;
|
||||
}
|
||||
|
||||
.et2_toolbar .chzn-container-multi li.search-field input, .nextmatch_header_row .chzn-container-multi li.search-field input {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Fileupload in toolbar or NM header
|
||||
*/
|
||||
.et2_toolbar div.et2_file, .nextmatch_header_row div.et2_file {
|
||||
.et2_toolbar div.et2_file {
|
||||
width: 145px;
|
||||
margin-top: 1px;
|
||||
padding-right: 4px;
|
||||
@ -2984,7 +2962,6 @@ et2-button.transparent-button::part(container) {
|
||||
*/
|
||||
.et2_toolbar input.et2_textbox, .nextmatch_header_row input.et2_textbox {
|
||||
height: 18px;
|
||||
margin: 1px 4px 1px 0;
|
||||
border-radius: 3px;
|
||||
background-color: #fafafa;
|
||||
border: 1px solid silver;
|
||||
@ -3011,16 +2988,9 @@ et2-button.transparent-button::part(container) {
|
||||
}
|
||||
|
||||
.nextmatch_header_row > div {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nextmatch_header_row:after {
|
||||
clear: both;
|
||||
display: block;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.et2_toolbar select, .nextmatch_header_row select {
|
||||
.et2_toolbar select {
|
||||
height: 24px;
|
||||
margin: 1px 4px 1px 0;
|
||||
background-color: #fafafa;
|
||||
@ -3762,113 +3732,6 @@ tr.dialogHeader2 td {
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
/*et2_selectbox select-cat chosen (cats selectbox with colors) */
|
||||
.nextmatch_header_row .chzn-container.et2_selectbox.select-cat .chzn-single {
|
||||
border: none;
|
||||
padding-left: 3px;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
margin-top: 1px;
|
||||
border-radius: 3px;
|
||||
height: 24px;
|
||||
border-left: 6px solid transparent;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.nextmatch_header_row .chzn-container.et2_selectbox.select-cat {
|
||||
padding-right: 3px !important;
|
||||
-webkit-appearance: none;
|
||||
height: 22px !important;
|
||||
margin: 1px 4px 1px 0;
|
||||
background-color: #fafafa;
|
||||
border: 1px solid silver;
|
||||
border-radius: 3px;
|
||||
padding-left: 0px;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
min-height: 20px;
|
||||
min-width: 160px;
|
||||
}
|
||||
|
||||
.nextmatch_header_row .et2_selectbox.select-cat.chzn-container .chzn-results {
|
||||
max-height: 340px;
|
||||
}
|
||||
|
||||
.et2_nextmatch .egwGridView_outer .et2_selectbox.chzn-container-single {
|
||||
width: auto !important;
|
||||
background: white;
|
||||
position: inherit;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.et2_nextmatch .egwGridView_outer .et2_selectbox.chzn-container-single a.chzn-single {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.et2_nextmatch .egwGridView_outer .et2_selectbox.chzn-container-single.chzn-container-active.chzn-with-drop .chzn-drop {
|
||||
top: auto;
|
||||
z-index: 10000;
|
||||
left: auto;
|
||||
|
||||
}
|
||||
|
||||
.et2_nextmatch .egwGridView_outer .et2_selectbox.chzn-container-single.chzn-container-active.chzn-with-drop {
|
||||
position: static;
|
||||
}
|
||||
|
||||
/* Implementation for et2_selectbox mulit tags with single row*/
|
||||
.et2_selectbox_multi_row ul.chzn-choices {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.nextmatch_header_row .et2_selectbox.chzn-container-multi {
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.et2_selectbox_single_row ul.chzn-choices {
|
||||
height: 24px !important;
|
||||
}
|
||||
|
||||
.et2_selectbox_single_row ul.chzn-choices:after {
|
||||
content: attr(data-after);
|
||||
width: 30px;
|
||||
background: #fafafa;
|
||||
z-index: 10000;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
background-position: center;
|
||||
background-size: 6px;
|
||||
background-repeat: no-repeat;
|
||||
border-left: dotted 1px silver;
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
color: #888888;
|
||||
text-align: center;
|
||||
padding-top: 2px;
|
||||
box-shadow: 0px 0px 10px 2px #888888;
|
||||
}
|
||||
|
||||
/*Posion the selected flag better*/
|
||||
a.chzn-single.et2_country-select span.img {
|
||||
color: transparent;
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
.et2_nextmatch .chzn-container-single a.chzn-single.et2_country-select span.img {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.et2_nextmatch .chzn-container-single a.chzn-single.et2_country-select span {
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.chzn-container-single .chzn-single.et2_country-select span {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.et2_avatar {
|
||||
overflow: hidden;
|
||||
width: 40px;
|
||||
|
||||
@ -3001,4 +3001,3 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
|
||||
color: #707070;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=app.css.map */
|
||||
@ -19,13 +19,7 @@ input#filemanager-index_path {
|
||||
font-size: 150%;
|
||||
padding: 1px 5px 3px 2px;
|
||||
}
|
||||
#filemanager-index_filemanager-index-header_right .et2_hbox > *,
|
||||
#filemanager-index_filemanager-index-header_row > *,
|
||||
#filemanager-index_filemanager-index-header_left .et2_hbox > *
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
#filemanager-index_filemanager-index-header_left .et2_file,
|
||||
|
||||
#filemanager-index_filemanager-index-header_left .et2_file input {
|
||||
width: 24px;
|
||||
}
|
||||
@ -188,7 +182,6 @@ div.editInfoMarker {
|
||||
#filemanager-index_nm .et2_file div.progress {position:absolute;}
|
||||
|
||||
#filemanager-index_new_wrapper {
|
||||
float: left;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
|
||||
@ -42,12 +42,6 @@ input#filemanager-index_path {
|
||||
font-size: 150%;
|
||||
padding: 1px 5px 3px 2px;
|
||||
}
|
||||
#filemanager-index_filemanager-index-header_right .et2_hbox > *,
|
||||
#filemanager-index_filemanager-index-header_row > *,
|
||||
#filemanager-index_filemanager-index-header_left .et2_hbox > * {
|
||||
float: left;
|
||||
}
|
||||
#filemanager-index_filemanager-index-header_left .et2_file,
|
||||
#filemanager-index_filemanager-index-header_left .et2_file input {
|
||||
width: 24px;
|
||||
}
|
||||
@ -224,7 +218,6 @@ div.editInfoMarker {
|
||||
position: absolute;
|
||||
}
|
||||
#filemanager-index_new_wrapper {
|
||||
float: left;
|
||||
margin-right: 6px;
|
||||
}
|
||||
#filemanager-index_new_wrapper .ui-icon-triangle-1-s {
|
||||
|
||||
@ -30,12 +30,6 @@ input#filemanager-index_path {
|
||||
font-size: 150%;
|
||||
padding: 1px 5px 3px 2px;
|
||||
}
|
||||
#filemanager-index_filemanager-index-header_right .et2_hbox > *,
|
||||
#filemanager-index_filemanager-index-header_row > *,
|
||||
#filemanager-index_filemanager-index-header_left .et2_hbox > * {
|
||||
float: left;
|
||||
}
|
||||
#filemanager-index_filemanager-index-header_left .et2_file,
|
||||
#filemanager-index_filemanager-index-header_left .et2_file input {
|
||||
width: 24px;
|
||||
}
|
||||
@ -212,7 +206,6 @@ div.editInfoMarker {
|
||||
position: absolute;
|
||||
}
|
||||
#filemanager-index_new_wrapper {
|
||||
float: left;
|
||||
margin-right: 6px;
|
||||
}
|
||||
#filemanager-index_new_wrapper .ui-icon-triangle-1-s {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user