restyle lettersearch: margin to column-headers and lighter border

This commit is contained in:
Ralf Becker 2019-03-29 10:56:56 +01:00
parent 882d56f8ce
commit f9429b7c86
7 changed files with 31 additions and 9 deletions

View File

@ -2591,6 +2591,7 @@ var et2_nextmatch_header_bar = (function(){ "use strict"; return et2_DOMWidget.e
if(this.nextmatch.options.settings.lettersearch || current_letter) if(this.nextmatch.options.settings.lettersearch || current_letter)
{ {
this.lettersearch = jQuery(document.createElement("table")) this.lettersearch = jQuery(document.createElement("table"))
.addClass('nextmatch_lettersearch')
.css("width", "100%") .css("width", "100%")
.appendTo(this.div); .appendTo(this.div);
var tbody = jQuery(document.createElement("tbody")).appendTo(this.lettersearch); var tbody = jQuery(document.createElement("tbody")).appendTo(this.lettersearch);

View File

@ -3405,8 +3405,11 @@ h6 {
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
table.nextmatch_lettersearch {
margin-bottom: 6px;
}
.lettersearch { .lettersearch {
border: 1px solid #B4B4B4; border: 1px solid #E6E6E6;
background: #f8f8f8; background: #f8f8f8;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
@ -3416,7 +3419,7 @@ h6 {
color: #ffffff; color: #ffffff;
} }
.lettersearch_active { .lettersearch_active {
border: 1px solid #B4B4B4; border: 1px solid #E6E6E6;
background: #f8f8f8; background: #f8f8f8;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
@ -3425,6 +3428,7 @@ h6 {
} }
td.lettersearch { td.lettersearch {
background-image: none; background-image: none;
width: 3%;
} }
/*.nextmatch_header table { /*.nextmatch_header table {
border: none !important; border: none !important;

View File

@ -3394,8 +3394,11 @@ h6 {
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
table.nextmatch_lettersearch {
margin-bottom: 6px;
}
.lettersearch { .lettersearch {
border: 1px solid #B4B4B4; border: 1px solid #E6E6E6;
background: #f8f8f8; background: #f8f8f8;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
@ -3405,7 +3408,7 @@ h6 {
color: #ffffff; color: #ffffff;
} }
.lettersearch_active { .lettersearch_active {
border: 1px solid #B4B4B4; border: 1px solid #E6E6E6;
background: #f8f8f8; background: #f8f8f8;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
@ -3414,6 +3417,7 @@ h6 {
} }
td.lettersearch { td.lettersearch {
background-image: none; background-image: none;
width: 3%;
} }
/*.nextmatch_header table { /*.nextmatch_header table {
border: none !important; border: none !important;

View File

@ -3405,8 +3405,11 @@ h6 {
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
table.nextmatch_lettersearch {
margin-bottom: 6px;
}
.lettersearch { .lettersearch {
border: 1px solid #B4B4B4; border: 1px solid #E6E6E6;
background: #f8f8f8; background: #f8f8f8;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
@ -3416,7 +3419,7 @@ h6 {
color: #ffffff; color: #ffffff;
} }
.lettersearch_active { .lettersearch_active {
border: 1px solid #B4B4B4; border: 1px solid #E6E6E6;
background: #f8f8f8; background: #f8f8f8;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
@ -3425,6 +3428,7 @@ h6 {
} }
td.lettersearch { td.lettersearch {
background-image: none; background-image: none;
width: 3%;
} }
/*.nextmatch_header table { /*.nextmatch_header table {
border: none !important; border: none !important;

View File

@ -262,7 +262,7 @@
// Buchstaben // Buchstaben
.Complete_Button_lettersearch{ .Complete_Button_lettersearch{
border: 1px solid @gray_30; border: 1px solid @gray_10;
background: #f8f8f8; background: #f8f8f8;
// border: 1px solid #D3DCE3; // border: 1px solid #D3DCE3;
text-align: center; text-align: center;

View File

@ -16,6 +16,10 @@
// Lettersearch // Lettersearch
table.nextmatch_lettersearch {
margin-bottom: 6px;
}
.lettersearch { .lettersearch {
.Complete_Button_lettersearch; .Complete_Button_lettersearch;
} }
@ -36,6 +40,7 @@
td.lettersearch { td.lettersearch {
// border-color: #E0E0E0; // border-color: #E0E0E0;
background-image: none; background-image: none;
width: 3%;
} }

View File

@ -3416,8 +3416,11 @@ h6 {
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
table.nextmatch_lettersearch {
margin-bottom: 6px;
}
.lettersearch { .lettersearch {
border: 1px solid #B4B4B4; border: 1px solid #E6E6E6;
background: #f8f8f8; background: #f8f8f8;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
@ -3427,7 +3430,7 @@ h6 {
color: #ffffff; color: #ffffff;
} }
.lettersearch_active { .lettersearch_active {
border: 1px solid #B4B4B4; border: 1px solid #E6E6E6;
background: #f8f8f8; background: #f8f8f8;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
@ -3436,6 +3439,7 @@ h6 {
} }
td.lettersearch { td.lettersearch {
background-image: none; background-image: none;
width: 3%;
} }
/*.nextmatch_header table { /*.nextmatch_header table {
border: none !important; border: none !important;