React components styling methods

I have this following component - import React from 'react'; import {Route, Link} from 'react-router-dom' import Error from './Error' class NavigationBar extends React.Component { render() { return ( <div className="nav"...
more »

2017-08-15 15:08 (1) Answers

Need to add tags and normal text in same input box

I need to add tags and text in the same input box. The normal text can be delete a character at once. The tags which will be selected from a particular set of words which are pre defined will be deleted all at once. The normal text and tags will be ...
more »

2017-08-15 06:08 (1) Answers

Unexpected behavior on child div click event

I have defined different click events for a div and a child span: <div @click.prevent="changeView(value.key)" v-if="value.key != 'Document'" class="panel panel-primary" v-for="(value, key, index) in myList" > <div class="panel...
more »

2017-08-14 15:08 (1) Answers

make circle elements rotate in perspective

Fiddle link I am trying to make this circle in perspective(check fiddle link). I tried the css property but it shows unusual behaviour. /* using: circular positioning code: http://stackoverflow.com/a/10152437/1644202 point a...
more »

2017-08-11 15:08 (1) Answers

How Facebook Handles Posts Divs?

I went through facebook's visible source code in Google Chrome @view-source:https://www.facebook.com/ But i think facebook is handling the posts in different way like there are not much div's in facebook. For eg: when we are creating something like ...
more »

2017-08-10 15:08 (0) Answers

Background scale so part of image fills div

I have an image (let's say it's 100px by 100px). I want to use the image as the background of a div, however I only want the first 50px by 50px to be visible (the other three 'corners' will be used as other backgrounds). I also want to scale the imag...
more »

2017-08-09 22:08 (1) Answers

Avoid image blinking when back button is hit

I'm developing a web interface with an Instagram-like navigation. This means that I have a grid of pictures and when I click on one of these I go to another page that shows me the details of the image that I clicked. Then the user can go back by clic...
more »

2017-08-09 05:08 (2) Answers

Cannot disable SASS cache

I cannot prevent my /.sass-cache directory from being created. I am attempting this by running: sass --no-cache However running that doesn't do anything. When I pull up the help flag, this is what I get: Miscellaneous: -i, --interactive ...
more »

2017-08-08 21:08 (1) Answers

Repeat animation by clicking button

I would like to repeat animation every time, when I click my button. I tried to do something like this. const dist = document.querySelector('.dist'); document.querySelector('button').addEventListener('click', () => { dist.classList.remo...
more »

2017-08-08 20:08 (3) Answers

Why is width not inlcuded in style tag in css

if you look at the included picture i'm working with codeschool to learn HTML emails what i cant understand is why the width element is not included in the style tag and with it just says "600" and not "600px". can anybody explain, thx in advance. ...
more »

2017-08-08 15:08 (4) Answers

Material-UI app bar title styling

is it possible to style the AppBar from Material-UI title, not inline way? I've a css file seperate and I would like to change the size of title for example. sth like this: .app-bar title { font-size: 120px !important; } Thank you :) ...
more »

2017-08-08 14:08 (3) Answers

Bootstrap carousel scrolls over my fixed top nav

I have a fixed top navigation for a personal site I'm doing. I added a fairly large bootstrap carousel beneath this, but when i scroll down the carousel scrolls over the header hiding the nav. I've put a link to a version of the site hosted on github...
more »

2017-08-08 08:08 (3) Answers

Transition out of animation?

So I have a box .box. That repeats a spinning animation infinitely. @keyframes spin { 0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);} } The animation is only applied when the box's second class name is running .box.running { a...
more »

2017-08-07 22:08 (1) Answers

Chat system align

(see Update at the bottom for a live demo of what I want) I have an online game with a chat system, but the CSS suck. Example with images: And two code example Here I have used absolute with the position of the user, and the speech can be go...
more »

2017-08-07 11:08 (0) Answers