removed input left boarder and changed grey color

This commit is contained in:
bill bittner 2017-10-17 08:47:00 -07:00
parent cb7f5ac453
commit 34ca81fe28
4 changed files with 16 additions and 29 deletions

View file

@ -51,7 +51,7 @@ p {
}
.url-text--secondary {
color: grey;
color: #9b9b9b;
}
.instructions-text--large {
@ -75,7 +75,7 @@ p {
.tooltip > .tooltip-text {
visibility: hidden;
width: 15em;
background-color: grey;
background-color: #9b9b9b;
color: #fff;
text-align: center;
padding: 0.5em;
@ -99,7 +99,7 @@ p {
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: grey transparent transparent transparent;
border-color: #9b9b9b transparent transparent transparent;
}
/* LINKS */
@ -119,7 +119,7 @@ h2 {
}
.h2--secondary {
color: lightgrey;
color: #9b9b9b;
}
.h2--top {
@ -288,7 +288,7 @@ option {
.input-checkbox {
border: 1px solid lightgrey;
border: 1px solid black;
background: white;
}
@ -324,27 +324,19 @@ option {
padding-right: 1em;
}
.input-text--primary, .select--primary {
border-bottom: 1px solid lightgrey;
border-bottom: 1px solid #9b9b9b;
}
.input-text--primary:focus, .select--primary:focus {
border-bottom: 1px solid grey;
border-bottom: 1px solid #9b9b9b;
}
.textarea--primary {
border-bottom: 1px solid lightgrey;
border-bottom: 1px solid #9b9b9b;
}
.textarea--primary:focus {
border-bottom: 1px solid grey;
}
.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;
border-bottom: 1px solid #9b9b9b;
}
.input-text--full-width, .textarea--full-width {
@ -391,7 +383,7 @@ button {
.button--cancel{
border: 0px;
background-color: white;
color: grey;
color: #9b9b9b;
}
/* TABLES */
@ -445,7 +437,7 @@ table {
.nav-bar-link {
font-weight: normal;
color: grey;
color: #9b9b9b;
border-bottom: 2px solid white;
}
.nav-bar-link:hover {
@ -464,16 +456,11 @@ table {
text-align: center;
}
.dropzone:hover {
border: 2px dashed lightgrey;
.dropzone:hover, .dropzone--drag-over {
border: 2px dashed #9b9b9b;
cursor: pointer;
}
.dropzone--drag-over {
background-color: gainsboro;
border: 2px dashed dodgerblue;
}
#primary-dropzone-wrapper, #publish-form-wrapper {
height: 100%;
}

View file

@ -52,7 +52,7 @@ function publishNewChannel (event) {
showError(channelNameErrorDisplayElement, error.message);
} else {
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!');
}
})
}

View file

@ -19,7 +19,7 @@
<div id="publish-form-wrapper" hidden="true">
<div class="column column--10">
<!-- 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 class="column column--5 column--med-10 align-content-top" >
<!-- preview -->

View file

@ -1,6 +1,6 @@
<div class="row row--full-height">
<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 class="row row--wide">
<div class="column column--5 column--med-10 align-content-top">