From d0b0aba30da58c108f689b10ad8794be1d970888 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Magnus=20=C3=85hall?= <magnus.ahall@gibon.se>
Date: Thu, 26 Feb 2026 09:28:14 +0100
Subject: [PATCH] Show _no.domain in italic

---
 static/css/index.css |  8 ++++++++
 static/js/dns.mjs    | 16 ++++++++++++++--
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/static/css/index.css b/static/css/index.css
index b85fe3b..ba6c2a1 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -120,6 +120,10 @@ button {
 			padding-left: 0px;
 		}
 
+		&.no-domain > .label {
+			font-style: italic;
+		}
+
 		&.open {
 			&>.label>img.open {
 				display: block;
@@ -265,6 +269,10 @@ button {
 
 				.rest-label {
 					color: var(--label-rest);
+
+					&.no-domain {
+						font-style: italic;
+					}
 				}
 			}
 
diff --git a/static/js/dns.mjs b/static/js/dns.mjs
index b40adcc..8f9195d 100644
--- a/static/js/dns.mjs
+++ b/static/js/dns.mjs
@@ -333,6 +333,11 @@ class Folder {
 
 			this.div.querySelector('.label').addEventListener('click', event => this.toggleFolder(event))
 			this.div.querySelector('.label .create').addEventListener('click', event => this.createRecord(event))
+
+			if (this.name() == '_no.domain') {
+				console.log('wut')
+				this.div.classList.add('no-domain')
+			}
 		}
 
 
@@ -526,8 +531,15 @@ class Record {
 
 		const fl = this.labels()[0]
 		const rl = this.labels().slice(1).join('.')
-		this.divFQDN.querySelector('.first-label').innerText = fl
-		this.divFQDN.querySelector('.rest-label').innerText = rl != '' ? `.${rl}` : ''
+		const flEl = this.divFQDN.querySelector('.first-label')
+		const rlEl = this.divFQDN.querySelector('.rest-label')
+		flEl.innerText = fl
+		rlEl.innerText = rl != '' ? `.${rl}` : ''
+
+		if (rl == '_no.domain')
+			rlEl.classList.add('no-domain')
+		else
+			rlEl.classList.remove('no-domain')
 
 		this.divType.querySelector('div').innerText = this.type()
 		this.divValue.innerText = this.value()