Host event scrollbar fix

This commit is contained in:
Michael Abashian
2017-03-13 16:08:26 -04:00
parent 4875d60b97
commit 7b2b695fc6
2 changed files with 5 additions and 21 deletions

View File

@@ -14,7 +14,7 @@
</button> </button>
</div> </div>
<div class="HostEvent-details--left"> <div class="HostEvent-details">
<div class="HostEvent-field"> <div class="HostEvent-field">
<span class="HostEvent-field--label">CREATED</span> <span class="HostEvent-field--label">CREATED</span>
<span class="HostEvent-field--content">{{(event.created | longDate) || "No result found"}}</span> <span class="HostEvent-field--content">{{(event.created | longDate) || "No result found"}}</span>
@@ -29,7 +29,8 @@
</div> </div>
<div class="HostEvent-field"> <div class="HostEvent-field">
<span class="HostEvent-field--label">TASK</span> <span class="HostEvent-field--label">TASK</span>
<span class="HostEvent-field--content">{{event.task || "No result found"}}</span> <span class="HostEvent-field--content">
min-width: 80px; min-width: 80px; min-width: 80px; min-width: 80px; min-width: 80px; min-width: 80px; min-width: 80px; min-width: 80px;</span>
</div> </div>
<div class="HostEvent-field"> <div class="HostEvent-field">
<span class="HostEvent-field--label">MODULE</span> <span class="HostEvent-field--label">MODULE</span>

View File

@@ -99,7 +99,7 @@
margin-bottom: 8px; margin-bottom: 8px;
} }
.HostEvent .modal-body{ .HostEvent .modal-body{
max-height: 500px; max-height: 600px;
padding: 0px!important; padding: 0px!important;
overflow-y: auto; overflow-y: auto;
} }
@@ -115,6 +115,7 @@
text-transform: uppercase; text-transform: uppercase;
flex: 0 1 80px; flex: 0 1 80px;
max-width: 80px; max-width: 80px;
min-width: 80px;
font-size: 12px; font-size: 12px;
word-wrap: break-word; word-wrap: break-word;
} }
@@ -123,28 +124,10 @@
} }
.HostEvent-field--content{ .HostEvent-field--content{
word-wrap: break-word; word-wrap: break-word;
max-width: 13em;
flex: 0 1 13em;
} }
.HostEvent-field--monospaceContent{ .HostEvent-field--monospaceContent{
font-family: monospace; font-family: monospace;
} }
.HostEvent-details--left, .HostEvent-details--right{
flex: 1 1 47%;
}
.HostEvent-details--left{
margin-right: 40px;
}
.HostEvent-details--right{
.HostEvent-field--label{
flex: 0 1 25em;
}
.HostEvent-field--content{
max-width: 15em;
flex: 0 1 15em;
align-self: flex-end;
}
}
.HostEvent-button:disabled { .HostEvent-button:disabled {
pointer-events: all!important; pointer-events: all!important;
} }