Skip to content

Commit

Permalink
Release 0.2.0 (#85)
Browse files Browse the repository at this point in the history 
* Removing gh button and adding gh icon instead (#82)

* Hotfix/texthighlight (#81)

- Fix bug with Text: incorrect start or end of highlight

* LS to factory (#83)

* Prepare to integration with backend

* First try to integrate LS to backend.

* Bundle without split

* Prepare to dev docs

* Update public

* Migrate from semantic

* Update package-lock

* Second step.

* Explore in backend

* Integration with python backend

* Little pretty. (#86)

* leadTime renamed to lead_time. (#88)

* Release 0.2.0
  • Loading branch information
@shevchenkonik
shevchenkonik authored Oct 14, 2019
1 parent 84f33e9 commit 850f67e
Show file tree
Hide file tree
Showing 67 changed files with 1,050 additions and 4,089 deletions.
249 changes: 145 additions & 104 deletions backend/static/css/main.css
View file
Original file line number Diff line number Diff line change
@@ -1,167 +1,208 @@
html {
min-width: 250px !important;
overflow: auto;
}

body {
background: #fcfcfc;
font-family: Rubik, sans-serif;
color: #333;
background: #fcfcfc;
font-family: Rubik, sans-serif;
color: #333;
}

table {
border: 1px solid #ccc;
margin: 0 auto;
border-collapse: collapse;
border: 1px solid #ccc;
margin: 0 auto;
border-collapse: collapse;
}

h2 {
font-size: 1.2em;
font-weight: bold;
font-size: 1.2em;
font-weight: bold;
}

td,
th {
padding: 0.4em 2em;
border: 1px solid #ccc;
padding: 0.4em 2em;
border: 1px solid #ccc;
}

.content {
display: flex;
flex-direction: column;
align-items: center;
display: flex;
flex-direction: column;
align-items: center;
}

.wrapper {
max-width: 1400px;
text-align: center;
max-width: 1400px;
text-align: center;
}

/* Disallow selection on page for Editor Ranker */
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.link {
display: block;
color: rgb(24, 144, 255);
text-decoration: none;
margin-bottom: 10px;
margin-top: 10px;
display: block;
color: rgb(24, 144, 255);
text-decoration: none;
margin-bottom: 10px;
margin-top: 10px;
}

.text-center {
text-align: center;
text-align: center;
}

.eye {
color: rgb(24, 144, 255);
color: rgb(24, 144, 255);
}

.trash {
color: rgb(255, 13, 23);
color: rgb(255, 13, 23);
}

.show-completion {
cursor: pointer;
cursor: pointer;
}

.remove-completion {
cursor: pointer;
cursor: pointer;
}

a {
text-decoration: none;
text-decoration: none;
}

#header {
background-color: #fff;
display: flex;
align-items: center;
padding: 10px 20px 10px 40px;
position: relative;
z-index: 100;
box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
margin-bottom: 3em;
background-color: #fff;
display: flex;
align-items: center;
padding: 10px 20px 10px 40px;
position: relative;
z-index: 100;
box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
margin-bottom: 3em;
}

#logo {
display: inline-block;
font-size: 1.5em;
line-height: 40px;
color: #273849;
font-family: "Dosis", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
font-weight: 500;
display: flex;
font-size: 1.5em;
line-height: 40px;
color: #273849;
font-family: "Dosis", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
font-weight: 500;
display: flex;
}

#logo img {
vertical-align: middle;
margin-right: 6px;
width: 40px;
height: 40px;
.img-logo {
vertical-align: middle;
margin-right: 6px;
width: 40px;
height: 40px;
}

.img-text {
font-size: 1.4em;
}

#nav {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
right: 30px;
line-height: 40px;
display: flex;
align-items: center;
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
right: 30px;
line-height: 40px;
display: flex;
align-items: center;
}

#nav a {
text-decoration: underline;
color: #304455;
font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
margin-right: 1em;
font-size: 14px;
color: #304455;
font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
margin-right: 1em;
font-size: 14px;
}

#nav a:hover {
text-decoration: underline;
}

#nav a.active {
font-weight: bold;
}

.btn {
line-height: 1.5;
position: relative;
display: inline-block;
font-weight: 400;
white-space: nowrap;
text-align: center;
background-image: none;
border: 1px solid transparent;
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: manipulation;
touch-action: manipulation;

padding: 10px 25px;
font-size: 14px;
font-weight: bold;
border-radius: 4px;
color: rgba(0, 0, 0, 0.65);
background-color: #fff;
border-color: #d9d9d9;

color: #fff;
background-color: #1890ff;
border-color: #1890ff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
margin-right: 10px;
padding-top: 7px;
line-height: 1.5;
position: relative;
display: inline-block;
font-weight: 400;
white-space: nowrap;
text-align: center;
background-image: none;
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
padding: 10px 25px;
font-size: 14px;
border-radius: 4px;
color: rgba(0, 0, 0, 0.65);
color: #fff;
background-color: #1890ff;
border-color: #1890ff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
margin-right: 10px;
padding-top: 7px;
}

.delim {
color: #89ac00;
margin-right: 1em;
font-weight: bold;
color: #89ac00;
margin-right: 1em;
font-weight: bold;
}

.small {
font-size: 75%;
}

/* editor width */
#label-studio {
width: 100%;
padding-left: 1em;
padding-right: 1em;
}

#label-studio div[class^='App_editor'], div[class*=' App_editor'] {
width: 100%;
}

@media only screen and (max-width: 768px) {
#logo {
font-size: 1.5em;
line-height: 40px;
color: #273849;
font-family: "Dosis", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
font-weight: 500;
display: flex;
}

.img-text {
display: none;
}

#header {
padding: 5px 3px 5px 5px;
}
}
20 changes: 20 additions & 0 deletions backend/templates/header.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<!-- Header -->
<div id="header">
<a id="logo" href="/">
<img src="/static/images/ls_logo.png" alt="label studio logo" class="img-logo">
<span class="img-text">{{ config['title'] }}</span>
</a>
<ul id="nav">
<a href="/" class="{% if url_for(request.endpoint) == '/' %}active{%endif%}">
Labeling</a>
<span class="delim">|</span>

<a href="/tasks" class="{% if url_for(request.endpoint) == '/tasks' %}active{%endif%}">Tasks and Completions</a>
<span class="delim">|</span>

<a href="https://labelstud.io/guide/" target="_blank">Guide</a>
<span class="delim">|</span>

<a href="https://github.com/heartexlabs/label-studio" target="_blank"><img src="/static/images/github.svg" height="22"/></a>
</ul>
</div>
Loading

0 comments on commit 850f67e

Please sign in to comment.