webapp.cucumber.css.petrel.css Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of ch.sbb.polarion.extension.cucumber Show documentation

It provides the almost same functionality as Xray plugin for Jira.

The newest version!

.petrel-code-editor {
    overflow-wrap: normal;
    overflow-x: hidden;
    position: relative;
    font-family: monospace;
}

.petrel-code-editor * {
    font-family: inherit;
    line-height: inherit;
}

.petrel-code-editor textarea {
    padding: 0;
    margin: 0;
    line-height: inherit;
    min-height: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    width: auto;
    resize: none;
    font-family: inherit;
    color: transparent;
    caret-color: #989898;
    overflow-wrap: normal;
    white-space: pre;
    min-width: calc(100% - 40px);
    position: absolute;
    top: 0;
    font-size: inherit;
    left: 0;
    cursor: text;
    background: transparent;
}

.petrel-code-editor textarea:read-only {
    cursor: default;
    background-color: rgba(0, 0, 0, 0.05);
}

.petrel-code-editor textarea:read-only + pre {
    opacity: 0.85;
}

.petrel-code-editor textarea::-moz-selection, .petrel-code-editor textarea::selection {
    color: #000FFF00;
    background: #FFFFFF21;
    border-radius: 10px;
}

.petrel-code-editor pre {
    padding: 0;
    margin: 0;
    user-select: none;
    line-height: inherit;
    position: absolute;
    top: 0;
    pointer-events: none;
    font-family: inherit;
    font-size: inherit;
}

.petrel-code-editor .petrel-code-editor-line-numbering {
    position: sticky;
    min-height: 100%;
    left: 0;

    line-height: inherit;
    float: left;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 30px;
    padding-right: 10px;
    text-align: right;
    z-index: 10;
    background: #ccc;
    color: rgba(67, 111, 178, 0.82);
}

.petrel-code-editor .petrel-code-editor-line-numbering span {
    display: block;
}


.petrel-code-editor .petrel-code-editor-line-numbering span div {
    /*height: 22px;*/
    width: 100%;
    left: 0;
    position: absolute;
    background: #FFFFFF11;
    margin-top: -1px;
}

.petrel-code-editor .petrel-code-editor-autocompletion {
    display: block;
    min-height: 35px;
    min-width: 240px;
    max-width: 400px;
    top: 22px;
    position: sticky;
    left: 92px;
    background: #FFF;
}


.petrel-code-editor .petrel-code-editor-autocompletion a {
    cursor: pointer;
    display: block;
}

.petrel-code-editor .petrel-code-editor-autocompletion a.selected {
    background: #00000022;
}

.petrel-code-editor .petrel-code-editor-autocompletion a span {
    right: 10px;
    opacity: 0.6;
    text-transform: lowercase;
    margin-left: 15px;
}