removed input left boarder and changed grey color
This commit is contained in:
parent
cb7f5ac453
commit
34ca81fe28
4 changed files with 16 additions and 29 deletions
|
@ -51,7 +51,7 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
.url-text--secondary {
|
.url-text--secondary {
|
||||||
color: grey;
|
color: #9b9b9b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.instructions-text--large {
|
.instructions-text--large {
|
||||||
|
@ -75,7 +75,7 @@ p {
|
||||||
.tooltip > .tooltip-text {
|
.tooltip > .tooltip-text {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
width: 15em;
|
width: 15em;
|
||||||
background-color: grey;
|
background-color: #9b9b9b;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
|
@ -99,7 +99,7 @@ p {
|
||||||
margin-left: -5px;
|
margin-left: -5px;
|
||||||
border-width: 5px;
|
border-width: 5px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: grey transparent transparent transparent;
|
border-color: #9b9b9b transparent transparent transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* LINKS */
|
/* LINKS */
|
||||||
|
@ -119,7 +119,7 @@ h2 {
|
||||||
}
|
}
|
||||||
|
|
||||||
.h2--secondary {
|
.h2--secondary {
|
||||||
color: lightgrey;
|
color: #9b9b9b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.h2--top {
|
.h2--top {
|
||||||
|
@ -288,7 +288,7 @@ option {
|
||||||
|
|
||||||
|
|
||||||
.input-checkbox {
|
.input-checkbox {
|
||||||
border: 1px solid lightgrey;
|
border: 1px solid black;
|
||||||
background: white;
|
background: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -324,27 +324,19 @@ option {
|
||||||
padding-right: 1em;
|
padding-right: 1em;
|
||||||
}
|
}
|
||||||
.input-text--primary, .select--primary {
|
.input-text--primary, .select--primary {
|
||||||
border-bottom: 1px solid lightgrey;
|
border-bottom: 1px solid #9b9b9b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-text--primary:focus, .select--primary:focus {
|
.input-text--primary:focus, .select--primary:focus {
|
||||||
border-bottom: 1px solid grey;
|
border-bottom: 1px solid #9b9b9b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.textarea--primary {
|
.textarea--primary {
|
||||||
border-bottom: 1px solid lightgrey;
|
border-bottom: 1px solid #9b9b9b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.textarea--primary:focus {
|
.textarea--primary:focus {
|
||||||
border-bottom: 1px solid grey;
|
border-bottom: 1px solid #9b9b9b;
|
||||||
}
|
|
||||||
|
|
||||||
.input-text--large, .select--large, .textarea--large {
|
|
||||||
border-left: 1px solid lightgrey;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-text--large:focus, .select--large:focus, .textarea--large:focus {
|
|
||||||
border-left: 1px solid grey;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-text--full-width, .textarea--full-width {
|
.input-text--full-width, .textarea--full-width {
|
||||||
|
@ -391,7 +383,7 @@ button {
|
||||||
.button--cancel{
|
.button--cancel{
|
||||||
border: 0px;
|
border: 0px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
color: grey;
|
color: #9b9b9b;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* TABLES */
|
/* TABLES */
|
||||||
|
@ -445,7 +437,7 @@ table {
|
||||||
|
|
||||||
.nav-bar-link {
|
.nav-bar-link {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: grey;
|
color: #9b9b9b;
|
||||||
border-bottom: 2px solid white;
|
border-bottom: 2px solid white;
|
||||||
}
|
}
|
||||||
.nav-bar-link:hover {
|
.nav-bar-link:hover {
|
||||||
|
@ -464,16 +456,11 @@ table {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropzone:hover {
|
.dropzone:hover, .dropzone--drag-over {
|
||||||
border: 2px dashed lightgrey;
|
border: 2px dashed #9b9b9b;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropzone--drag-over {
|
|
||||||
background-color: gainsboro;
|
|
||||||
border: 2px dashed dodgerblue;
|
|
||||||
}
|
|
||||||
|
|
||||||
#primary-dropzone-wrapper, #publish-form-wrapper {
|
#primary-dropzone-wrapper, #publish-form-wrapper {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
|
@ -52,7 +52,7 @@ function publishNewChannel (event) {
|
||||||
showError(channelNameErrorDisplayElement, error.message);
|
showError(channelNameErrorDisplayElement, error.message);
|
||||||
} else {
|
} else {
|
||||||
console.log('signup failure:', error);
|
console.log('signup failure:', error);
|
||||||
showChannelCreationError('Unfortunately, Spee.ch encountered an error while creating your channel :(');
|
showChannelCreationError('Unfortunately, Spee.ch encountered an error while creating your channel. Please let us know in slack!');
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
|
@ -19,7 +19,7 @@
|
||||||
<div id="publish-form-wrapper" hidden="true">
|
<div id="publish-form-wrapper" hidden="true">
|
||||||
<div class="column column--10">
|
<div class="column column--10">
|
||||||
<!-- title input -->
|
<!-- title input -->
|
||||||
<input type="text" id="publish-title" class="input-text input-text--large input-text--full-width" placeholder="Title (optional)">
|
<input type="text" id="publish-title" class="input-text input-text--large input-text--full-width" placeholder="Give your post a title...">
|
||||||
</div>
|
</div>
|
||||||
<div class="column column--5 column--med-10 align-content-top" >
|
<div class="column column--5 column--med-10 align-content-top" >
|
||||||
<!-- preview -->
|
<!-- preview -->
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<div class="row row--full-height">
|
<div class="row row--full-height">
|
||||||
<div class="row row--wide">
|
<div class="row row--wide">
|
||||||
<p>Channels allow you to publish and group content under an identity. You can create a channel for yourself, or share one with like-minded friends. You can create 1 channel, or 100, so whether you're documenting <a target="_blank" href="/@hikingchris45:5">a hike around town</a>, or making a public repository for <a target="_blank" href="/@catGifs:0">cat gifs</a> (password: '1234'), try creating a channel for it!</p>
|
<p>Channels allow you to publish and group content under an identity. You can create a channel for yourself, or share one with like-minded friends. You can create 1 channel, or 100, so whether you're documenting <a target="_blank" href="/@hikingchris45">a hike around town</a>, or making a public repository for <a target="_blank" href="/@catGifs">cat gifs</a> (password: '1234'), try creating a channel for it!</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="row row--wide">
|
<div class="row row--wide">
|
||||||
<div class="column column--5 column--med-10 align-content-top">
|
<div class="column column--5 column--med-10 align-content-top">
|
||||||
|
|
Loading…
Reference in a new issue