This commit is contained in:
sunny 2018-08-20 15:47:09 +09:00
parent b67f8e3b78
commit 67a8292a30
3 changed files with 38 additions and 7 deletions

View File

@ -1,9 +1,9 @@
<of-p-dropdownPanel [style]="{'width':'400px'}" [headerStyle]="{'width':'300px'}" [blockTarget]="blockTarget"> <of-p-dropdownPanel [style]="{'width':'400px'}" [headerStyle]="{'width':'300px'}" [blockTarget]="blockTarget">
<p-header class=".toolbar-button"> <p-header class="toolbar-button">
<button _ngcontent-c1="" class="button-component" type="button"> <button _ngcontent-c1="" class="button-component" type="button">
<svg _ngcontent-c1="" aria-hidden="true" class="octicon icon" version="1.1" viewBox="0 0 10 16" width="16px" height="16px"> <!-- <svg _ngcontent-c1="" aria-hidden="true" class="octicon icon" version="1.1" viewBox="0 0 10 16" width="16px" height="16px">
<path _ngcontent-c1="" d="M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path> <path _ngcontent-c1="" d="M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path>
</svg> </svg> -->
<div _ngcontent-c1="" class="text"> <div _ngcontent-c1="" class="text">
<div _ngcontent-c1="" class="description">192.168.1.0/24</div> <div _ngcontent-c1="" class="description">192.168.1.0/24</div>
<div _ngcontent-c1="" class="title">eth0</div> <div _ngcontent-c1="" class="title">eth0</div>

View File

@ -1,8 +1,26 @@
<of-p-dropdownPanel [style]="{'width':'400px'}" [headerStyle]="{'width':'300px'}" [blockTarget]="blockTarget"> <of-p-dropdownPanel [style]="{'width':'400px'}" [headerStyle]="{'width':'350px'}" [blockTarget]="blockTarget">
<p-header> <p-header class="toolbar-button">
<div>IP Type: V4, Range: 192.168.1.1 ~ 192.168.1.254</div> <button _ngcontent-c1="" class="button-component" type="button">
<div>Port Type: TCP, UDP, Range: 1 ~ 1024</div> <!-- <svg _ngcontent-c1="" aria-hidden="true" class="octicon icon" version="1.1" viewBox="0 0 10 16" width="16px" height="16px">
<path _ngcontent-c1="" d="M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path>
</svg> -->
<div _ngcontent-c1="" class="text">
<div class="text-row">
<div _ngcontent-c1="" class="description">IP &nbsp;</div>
<div _ngcontent-c1="" class="title">V4 (192.168.1.1 ~ 192.168.1.254)</div>
</div>
<div class="text-row">
<div _ngcontent-c1="" class="description">Port &nbsp;</div>
<div _ngcontent-c1="" class="title">TCP, UDP (1 ~ 1024)</div>
</div>
</div>
<svg _ngcontent-c1="" aria-hidden="true" class="octicon dropdownArrow" version="1.1" viewBox="0 0 12 16" width="16px" height="16px">
<path _ngcontent-c1="" d="M0 5l6 6 6-6z">
</path>
</svg>
</button>
</p-header> </p-header>
<h3 class="first">Document</h3> <h3 class="first">Document</h3>
<p-blockUI [blocked]="blockedDocument"></p-blockUI> <p-blockUI [blocked]="blockedDocument"></p-blockUI>

View File

@ -0,0 +1,13 @@
.text-row{
display: inline;
.title {
//width: auto;
float: left;
font-size: var(--font-size-sm);
}
.description{
//width: auto;
float: left;
}
}