Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Unified Diff: skin/new-options.css

Issue 29519650: Issue 5540 - implement notification (Closed)
Patch Set: Created Aug. 25, 2017, 1:20 p.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « skin/delete.svg ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: skin/new-options.css
===================================================================
--- a/skin/new-options.css
+++ b/skin/new-options.css
@@ -516,6 +516,22 @@
vertical-align: top;
}
+/*
+ Used for translatable screen reader only conten.
+ e.g.: Use instead of aria-label to avoid complex attribute value translation
+*/
+.sr-only
+{
+ position: absolute;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ width: 1px;
+ height: 1px;
+ margin: -1px;
+ padding: 0px;
+ border: 0px;
+}
+
/*
General tab content
*/
@@ -1078,3 +1094,54 @@
{
display: none;
}
+
+/*
+ Notification
+*/
+
+#notification
+{
+ position: fixed;
+ top: 0rem;
+ left: 0rem;
+ display: flex;
+ padding: 1rem 1.9rem;
+ width: 100%;
+ box-sizing: border-box;
+ opacity: 0.8;
+ font-size: 1rem;
+ color: #099CD0;
+ background-color: #E1F2FA;
+}
+
+#notification strong
+{
+ flex: 1;
+ text-align: center;
+}
+
+#hide-notification
+{
+ border: 0rem;
+ padding: 0rem;
+ margin: 0rem 1rem;
+ background-color: transparent;
+ cursor: pointer;
+}
+
+#hide-notification::after
+{
+ content: "";
+ display: block;
+ height: 1rem;
+ width: 1rem;
+ border: 0rem;
+ background-color: #099DD1;
+ -webkit-mask: url(delete.svg);
+ mask: url(delete.svg);
+}
+
+#hide-notification:hover::after
+{
+ background-color: #5CBCE1;
+}
« no previous file with comments | « skin/delete.svg ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld