mirror of
https://github.com/sudoxnym/habitica-self-host.git
synced 2026-08-04 04:59:40 +00:00
Align progress and help icons on to-dos column
Fixes #6474 As per #6474, progress and help icons on the to-dos column were previously misaligned due to inline styles. This commit adds the same inline styles to both icons. Move inline styles on task column icons to a class This uses existing classes instead of adding a new one, because if new icons are added in the future this should catch them without any extra classes having to be added to the new icons. In addition, this will catch any new .option-box added to .task-column in the future; this may be good or bad, but is easy to fix in any case.
This commit is contained in:
parent
c084b6b7cd
commit
a0b264f686
2 changed files with 5 additions and 1 deletions
|
|
@ -146,6 +146,10 @@ for $stage in $stages
|
|||
padding: 0
|
||||
font-weight: 300
|
||||
|
||||
.option-box .glyphicon
|
||||
zoom: 1.5
|
||||
vertical-align: -webkit-baseline-middle
|
||||
|
||||
.task-column.preview
|
||||
padding: 0
|
||||
background: transparent
|
||||
|
|
|
|||
|
|
@ -6,4 +6,4 @@ span.option-box.pull-right(ng-if='::main')
|
|||
span.glyphicon.glyphicon-calendar
|
||||
// <a href="https://www.google.com/calendar/render?cid={{encodeiCalLink(_user.id, _user.apiToken)}}" rel=tooltip title="Google Calendar"><i class=icon-calendar></i></a>
|
||||
a.option-action(ng-click='list.help=!list.help', tooltip=env.t('clickForHelp'))
|
||||
span.glyphicon.glyphicon-question-sign(style={'zoom':1.5,'vertical-align':'-webkit-baseline-middle'})
|
||||
span.glyphicon.glyphicon-question-sign
|
||||
|
|
|
|||
Loading…
Reference in a new issue