add .action-label
in the calendar case it needs a <div class="action-flow action-flow--noWrap"> as parent element
This commit is contained in:
parent
56288aba42
commit
b2437ead50
2 changed files with 19 additions and 1 deletions
|
@ -19,7 +19,10 @@
|
|||
<div class="action" data-id="<%- calendar.id %>">
|
||||
<div class="action-flow action-flow--row">
|
||||
<div class="action-row">
|
||||
<h2><span title="Last iCal Feed sync at: <%= calendar.last_sync %>: <%= calendar.last_log %>"><%- @Icon('status', 'ok inline') %></span> <%= calendar.name %></h2>
|
||||
<div class="action-flow action-flow--noWrap">
|
||||
<h2><span title="Last iCal Feed sync at: <%= calendar.last_sync %>: <%= calendar.last_log %>"><%- @Icon('status', 'ok inline') %></span> <%= calendar.name %></h2>
|
||||
<div class="action-label">Default</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="action-row">
|
||||
<div class="label"><%- @T('Timezone') %></div> <%= calendar.timezone %>
|
||||
|
|
|
@ -6158,6 +6158,10 @@ output {
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
&.action-flow--noWrap {
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
&.action-flow--row {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
@ -6205,6 +6209,17 @@ output {
|
|||
margin-top: 0;
|
||||
}
|
||||
|
||||
.action-label {
|
||||
margin-left: auto;
|
||||
background: hsl(197,20%,93%);
|
||||
border: 1px solid hsl(197,20%,88%);
|
||||
align-self: flex-start;
|
||||
padding: 5px 10px;
|
||||
margin-right: -25px;
|
||||
margin-top: -4px;
|
||||
color: hsl(197,16%,65%);
|
||||
}
|
||||
|
||||
.action-flow-icon {
|
||||
align-self: center;
|
||||
width: 15px;
|
||||
|
|
Loading…
Reference in a new issue