Browse Source

Apostrophe 2: Add rounded border styles to File blocks.

Laurel Fulford 6 years ago
parent
commit
03e6a05673
2 changed files with 5 additions and 5 deletions
  1. 3 4
      apostrophe-2/css/blocks.css
  2. 2 1
      apostrophe-2/css/editor-blocks.css

+ 3 - 4
apostrophe-2/css/blocks.css

@@ -173,6 +173,7 @@ p.has-drop-cap:not(:focus)::first-letter {
 .wp-block-file .wp-block-file__button {
 .wp-block-file .wp-block-file__button {
 	background: rgba(255, 255, 255, 0.25);
 	background: rgba(255, 255, 255, 0.25);
 	border: 2px solid #117bb8;
 	border: 2px solid #117bb8;
+	border-radius: 0;
 	color: #159ae7;
 	color: #159ae7;
 	cursor: pointer;
 	cursor: pointer;
 	display: inline-block;
 	display: inline-block;
@@ -180,16 +181,14 @@ p.has-drop-cap:not(:focus)::first-letter {
 	font-size: 18px;
 	font-size: 18px;
 	font-weight: 300;
 	font-weight: 300;
 	line-height: 1;
 	line-height: 1;
-	margin: 5px 0;
 	padding: 12px 24px;
 	padding: 12px 24px;
 	text-align: center;
 	text-align: center;
 	text-decoration: none;
 	text-decoration: none;
 }
 }
 
 
-.wp-block-file .wp-block-file__button:hover,
-.wp-block-file .wp-block-file__button:focus {
+.wp-block-file a.wp-block-file__button:hover {
 	border: 2px solid #117bb8;
 	border: 2px solid #117bb8;
-	background: rgba(255, 255, 255, 0.25);
+	background-color: #e5f4fd;
 	color: #159ae7;
 	color: #159ae7;
 }
 }
 
 

+ 2 - 1
apostrophe-2/css/editor-blocks.css

@@ -378,6 +378,7 @@
 .wp-block-file .wp-block-file__button {
 .wp-block-file .wp-block-file__button {
 	background: rgba(255, 255, 255, 0.25);
 	background: rgba(255, 255, 255, 0.25);
 	border: 2px solid #117bb8;
 	border: 2px solid #117bb8;
+	border-radius: 0;
 	color: #159ae7;
 	color: #159ae7;
 	cursor: pointer;
 	cursor: pointer;
 	display: inline-block;
 	display: inline-block;
@@ -748,4 +749,4 @@
 
 
 .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
 .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
 	margin-bottom: 1em;
 	margin-bottom: 1em;
-}
+}