exp: tweak headline label styles

This commit is contained in:
Andrew Dolgov 2018-12-10 21:39:12 +03:00
parent ad5a43bf66
commit 93dfdb2fcd
7 changed files with 44 additions and 34 deletions

View File

@ -629,9 +629,9 @@ class Article extends Handler_Protected {
$labels_str = "";
foreach ($labels as $l) {
$labels_str .= sprintf("<span class='hlLabelRef'
style='color : %s; background-color : %s'>%s</span>",
$l[2], $l[3], $l[1]);
$labels_str .= sprintf("<div1 class='label'
style='color : %s; background-color : %s'><i class='material-icons' style='color : %s'>label</i><div>%s</div></div1>",
$l[2], $l[3], $l[2], $l[1]);
}
return $labels_str;

View File

@ -27,7 +27,7 @@ class Pref_Labels extends Handler_Protected {
print "<div class=\"dlgSecCont\">";
$fg_color = $line['fg_color'];
$bg_color = $line['bg_color'];
$bg_color = $line['bg_color'] ? $line['bg_color'] : '#fff7d5';
print "<input style='font-size : 16px; color : $fg_color; background : $bg_color; transition : background 0.1s linear'
id='labelEdit_caption' name='caption' dojoType='dijit.form.ValidationTextBox'

View File

@ -401,21 +401,24 @@ body.ttrss_main span.preview {
font-size: 12px;
padding-left: 4px;
}
body.ttrss_main .hl.Selected .hlLabelRef,
body.ttrss_main .hl.active .hlLabelRef {
color: #000000;
}
body.ttrss_main span.hlLabelRef {
body.ttrss_main .label {
display: inline-flex;
vertical-align: middle;
background-color: #fff7d5;
font-size: 8px;
font-size: 9px;
color: #000000;
font-weight: normal;
margin-left: 2px;
padding: 1px 4px 1px 4px;
display: inline-block;
vertical-align: middle;
padding: 1px 4px;
white-space: nowrap;
border-radius: 4px;
border: 1px solid;
}
body.ttrss_main .label i {
margin-right: 2px;
}
body.ttrss_main .label > * {
align-self: center;
}
body.ttrss_main i.marked-pic,
body.ttrss_main i.pub-pic {

File diff suppressed because one or more lines are too long

View File

@ -464,22 +464,26 @@ body.ttrss_main {
padding-left : 4px;
}
.hl.Selected .hlLabelRef,
.hl.active .hlLabelRef {
color : @default-fg;
}
span.hlLabelRef {
.label {
display : inline-flex;
vertical-align: middle;
background-color : #fff7d5;
font-size : 8px;
font-size : 9px;
color : @default-fg;
font-weight : normal;
margin-left : 2px;
padding : 1px 4px 1px 4px;
display : inline-block;
vertical-align : middle;
padding : 1px 4px;
white-space: nowrap;
border-radius : 4px;
border : 1px solid;
i {
margin-right : 2px;
}
> * {
align-self: center;
}
}
i.marked-pic, i.pub-pic {

View File

@ -401,21 +401,24 @@ body.ttrss_main span.preview {
font-size: 12px;
padding-left: 4px;
}
body.ttrss_main .hl.Selected .hlLabelRef,
body.ttrss_main .hl.active .hlLabelRef {
color: #cccccc;
}
body.ttrss_main span.hlLabelRef {
body.ttrss_main .label {
display: inline-flex;
vertical-align: middle;
background-color: #fff7d5;
font-size: 8px;
font-size: 9px;
color: #cccccc;
font-weight: normal;
margin-left: 2px;
padding: 1px 4px 1px 4px;
display: inline-block;
vertical-align: middle;
padding: 1px 4px;
white-space: nowrap;
border-radius: 4px;
border: 1px solid;
}
body.ttrss_main .label i {
margin-right: 2px;
}
body.ttrss_main .label > * {
align-self: center;
}
body.ttrss_main i.marked-pic,
body.ttrss_main i.pub-pic {

File diff suppressed because one or more lines are too long