Browse Source

LibWeb: Support device-height and device-width media query values

Aliaksandr Kalenik 2 years ago
parent
commit
7f527ddde3
1 changed files with 10 additions and 2 deletions
  1. 10 2
      Userland/Libraries/LibWeb/HTML/Window.cpp

+ 10 - 2
Userland/Libraries/LibWeb/HTML/Window.cpp

@@ -367,8 +367,16 @@ Optional<CSS::MediaFeatureValue> Window::query_media_feature(CSS::MediaFeatureID
     case CSS::MediaFeatureID::ColorIndex:
     case CSS::MediaFeatureID::ColorIndex:
         return CSS::MediaFeatureValue(0);
         return CSS::MediaFeatureValue(0);
     // FIXME: device-aspect-ratio
     // FIXME: device-aspect-ratio
-    // FIXME: device-height
-    // FIXME: device-width
+    case CSS::MediaFeatureID::DeviceHeight:
+        if (auto* page = this->page()) {
+            return CSS::MediaFeatureValue(CSS::Length::make_px(page->screen_rect().height()));
+        }
+        return CSS::MediaFeatureValue(0);
+    case CSS::MediaFeatureID::DeviceWidth:
+        if (auto* page = this->page()) {
+            return CSS::MediaFeatureValue(CSS::Length::make_px(page->screen_rect().width()));
+        }
+        return CSS::MediaFeatureValue(0);
     case CSS::MediaFeatureID::DisplayMode:
     case CSS::MediaFeatureID::DisplayMode:
         // FIXME: Detect if window is fullscreen
         // FIXME: Detect if window is fullscreen
         return CSS::MediaFeatureValue(CSS::ValueID::Browser);
         return CSS::MediaFeatureValue(CSS::ValueID::Browser);